当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁

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

2018年10月09日  | 移动技术网IT编程  | 我要评论

解决思路如下：
首先，判断事件的当前节点，也就是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;
}

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网