hover事件优化（延时操作）

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

JQ的hover事件拓展

编写原因：当鼠标滑过某个带有hover事件的元素，但是仅仅是路过，并不是希望查看此部分内容的时候，效果不理想

$.fn.extend({
delayed : function(fn1,fn2,time){
time = time || 150
var _this = this; _this.delayedTimer = null;
return $(this).mouseenter(function(){
clearTimeout(_this.delayedTimer);
_this.delayedTimer = setTimeout(function (){
fn1.call(_this);
},time)
}).mouseleave(function(){
clearTimeout(_this.delayedTimer);
_this.delayedTimer = setTimeout(function (){
fn2.call(_this);
},time)
})
}
})

用法和hover基本一样，但是此方法目前无法针对多个元素，但是添加起来应该也不费劲