首页 新闻 赞助 找找看

如何用Jquery实现鼠标离开某一区域之后触发事件

0
[已关闭问题] 关闭于 2016-12-02 14:13

现在想用Jquery实现一个类似select这样的下拉效果,就是点击文本框,有一个下拉的内容现实出来,这个下拉的内容是一个div块,现在的问题是,我能够现实出来这个下拉,但是当我鼠标离开这个下拉之后,下拉框不消失,这个如何实现??代码如下:

<script>

function testDIV() {
$("#testDIV").toggle();
}

</script>

 

<div id="testInp" onclick="testDIV()">
<input type="text" id="inp" style="width: 300px;" />
</div>

<div id="testDIV" style="width: 300px; height: 220px; position: absolute; z-index: 1000; background-color: white; border: solid 1px #808080; display: none">
<table style="width: 98%; margin-left: 1%; margin-top: 1%" cellspacing="0" cellpadding="0" border="1">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td colspan="3">
<input id="" type="text" />
</td>
</tr>
</table>
</div>

gyangjing的主页 gyangjing | 初学一级 | 园豆:4
提问于:2016-08-02 16:41
< >
分享
所有回答(5)
1

https://codepen.io/bsngr/pen/frDqh

正好有園友寫了 @萝卜花

RosonJ | 园豆:4910 (老鸟四级) | 2016-08-02 16:44
0

m没有mouseleave事件么?

顾晓北 | 园豆:10844 (专家六级) | 2016-08-02 16:47
0

$('#testDIV').hover(function(){},function(){alert(1);});

Eric.luo | 园豆:853 (小虾三级) | 2016-08-02 17:47
0

鼠标离开之后,下拉框消失还是不消失啊?

jackccc | 园豆:1341 (小虾三级) | 2016-08-02 18:18

还是不行,有没有更好的办法??

支持(0) 反对(0) gyangjing | 园豆:4 (初学一级) | 2016-08-03 10:00
0

要不试试用mouseleave事件

木头的石头 | 园豆:208 (菜鸟二级) | 2016-08-03 10:23
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册