Javascript鼠标从儿童身上冒出气泡
我得到了以下html设置:Javascript鼠标从儿童身上冒出气泡,javascript,jquery,events,event-handling,event-bubbling,Javascript,Jquery,Events,Event Handling,Event Bubbling,我得到了以下html设置: <div id="div1"> <div id="content1">blaat</div> <div id="content1">blaat2</div> </div> 将mouseout更改为mouseleave,代码正常运行…该方法有两个参数,第一个用于鼠标输入,第二个用于鼠标输出 $('your_div').hover(function(){ // your code here. }
<div id="div1">
<div id="content1">blaat</div>
<div id="content1">blaat2</div>
</div>
将mouseout更改为mouseleave,代码正常运行…该方法有两个参数,第一个用于鼠标输入,第二个用于鼠标输出
$('your_div').hover(function(){
// your code here.
}, function(){// any mouse out code here})
请改用
mouseleave
事件或mouseout
为此,它会处理您的特定问题
从差异的文档中:
mouseleave事件与mouseout的不同之处在于它处理事件冒泡的方式。如果在本例中使用mouseout,那么当鼠标指针移出内部元素时,将触发处理程序。这通常是不受欢迎的行为。另一方面,mouseleave事件仅在鼠标离开其绑定到的元素时触发其处理程序,而不是后代。因此,在本例中,当鼠标离开外部元素而不是内部元素时,将触发处理程序
标记示例:
<div id="outer">
Outer
<div id="inner">
Inner
</div>
</div>
外面的
内部的
发布你的jQuery代码,没有它很难帮上忙。他想让鼠标左键正确启动……你只使用了mousenter参数,不知道这有什么帮助?@nick:我刚刚给出了一个他应该知道的例子。感谢sthx,mouseleave确实解决了问题,并根据需要填写了event.currentTarget,用代码更新了我的帖子,以防有人对mouseenter和mouseleave感兴趣。不过,即使使用jQuery,浏览器对mouseenter和mouseleave的支持是什么?我担心老浏览器。。。。
<div id="outer">
Outer
<div id="inner">
Inner
</div>
</div>