扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
程序员文章站
2023-12-30 21:23:34
解决思路如下:
首先,判断事件的当前节点,也就是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;
}