欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁

程序员文章站 2023-11-14 11:11:46
解决思路如下: 首先,判断事件的当前节点,也就是jquery的currenttarget是否在target的包含中,即下面的扩展$.containsnode。 然后,在调用hover的时候的mou...

解决思路如下:
首先,判断事件的当前节点,也就是jquery的currenttarget是否在target的包含中,即下面的扩展$.containsnode。
然后,在调用hover的时候的mouver和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;
}