手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
摘要:解决思路如下:首先,判断事件的当前节点,也就是jquery的currentTarget是否在target的包含中,即下面的扩展$.conta...

解决思路如下:

首先,判断事件的当前节点,也就是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;

}

【扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁】相关文章:

微信WeixinJSBridge API使用实例

javascript函数特点实例

使用node+vue.js实现SPA应用

如何制作浮动广告

JQuery插件jcarousellite的参数中文说明

JavaScript深度复制(deep clone)的实现方法

两个SUBMIT按钮,如何区分处理

jQuery插件jRumble实现网页元素抖动

JavaScript实现文本框中默认显示背景图片在获得焦点后消失的方法

JS代码混淆初步

精品推荐
分类导航