jQuery延时绑定事件(lazy-bind)

来源:互联网 发布:巨人网络 征途 编辑:程序博客网 时间:2024/04/29 20:48

有个延时绑定事件的需求, 如等待鼠标停留在某图片上面一段时间之后才展示浮动层, 以避免鼠标滑过屏幕时一片乱闪. 一时找不到合适的插件, 所以自己写了个.

// 定义(function($){    $.fn.lazybind = function(event, fn, timeout, abort){        var timer = null;        $(this).bind(event, function(){            timer = setTimeout(fn, timeout);        });        if(abort == undefined){            return;        }        $(this).bind(abort, function(){            if(timer != null){                clearTimeout(timer);            }        });    };})(jQuery);// 使用$('#my_img').lazybind(    'mouseover',    function(){        alert(1);    },    240,    'mouseout');

原创粉丝点击