从绝对定位的元素冒泡的鼠标事件
Mouse events bubbling from an absolute-positioned element
我有这个:
<div id="parent">
<div id="child">
</div>
</div>
$(document).ready(function() {
$('#parent').on('mouseout', function() {
alert('Mouse out!');
});
});
http://jsfiddle.net/aYGBC/2/
现在,当我将鼠标移到蓝色块上并将其移出某个地方时,一切都很好。但是当我将鼠标移到蓝色块上,然后在红色块上移动时,也会触发mouseout
事件。为什么会发生这种情况,如何使mouseout
事件仅在我实际将鼠标移出块时才发生?
使用 mouseleave
,它"当鼠标或其他指针设备离开提供给元素及其所有后代的物理空间时调度":
$(document).ready(function() {
$('#parent').on('mouseleave', function() {
alert('Mouse out!');
});
});
相关文章:
- JsFiddle上的鼠标事件不起作用
- node-webkit-从父窗口捕获iframe鼠标事件
- 鼠标事件在OpenLaszlo应用程序中不起作用
- 为画布绘图添加鼠标事件
- 如何在元素中处理鼠标事件,但不能在其子元素上处理
- KineticJS鼠标事件问题
- GWT-允许鼠标事件在两个叠加画布之间传播
- 为什么不是't html<对象>元素响应鼠标事件
- 如何恢复Kinetic.js鼠标事件
- 鼠标事件's在CtrlKey不起作用的情况下单击
- 鼠标事件,我的代码出了什么问题
- 撤消javascript中的所有鼠标事件处理程序
- JQuery facebook订阅插件鼠标事件
- Javascript/jQuery-鼠标事件没有在html上触发,添加了动态
- React模板鼠标事件在容器's鼠标事件
- 使用两个重叠的画布,我可以将鼠标事件传递到底部的画布吗
- 谷歌地图 api v3 搜索多边形没有鼠标事件
- CSS 溢出边界半径鼠标事件
- 将触摸事件转换为鼠标事件仅每秒有效一次
- D3.js鼠标事件不起作用