时间:2021-05-18
解决思路如下:
首先,判断事件的当前节点,也就是jquery的currentTarget是否在target的包含中,即下面的扩展$.containsNode。
然后,在调用hover的时候的mouseover和mouseout事件里判断currentTarget是否在target的包含中,即$.fn.fhover扩展
下面就是相关代码:
复制代码 代码如下:
$.containsNode = function(parentNode, childNode) {
if (parentNode.contains) {
return parentNode != childNode && parentNode.contains(childNode);
} else {
return !!(parentNode.compareDocumentPosition(childNode) & 16);
}
}
$.fn.fhover = function(over, out) {
this.hover(function(e) {
if ($.containsNode(e.target, e.currentTarget)) {
return;
}
over.call(this, e);
}, function(e) {
if ($.containsNode(e.target, e.currentTarget)) {
return;
}
out.call(this, e);
});
return this;
}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
javascript的mouseover和mouseout事件,在绑定元素内部有子元素的情况下,经过绑定元素时会多次触发mouseover和mouseout事件
Jquery能做什么访问和操作DOM元素控制页面样式对页面事件进行处理扩展新的jQuery插件与Ajax技术完美结合Jquery的优势体积小,压缩后只有100K
简单的鼠标移动事件:进入复制代码代码如下:mouseenter:不冒泡mouseover:冒泡不论鼠标指针穿过被选元素或其子元素,都会触发mouseover事件
本文实例讲述了jQuery中delegate()方法用法。分享给大家供大家参考。具体分析如下:此方法为匹配元素的子元素添加一个或多个事件,并规定当这些事件发生时
下面就是我所收集或遇到的IE6Bug之一:overflow:hidden失效当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时