妙网科技 妙网科技 首页 妙网科技 网站开发 妙网科技 长按鼠标左键事件jQuery实现

长按鼠标左键事件jQuery实现

所属栏目: 网站开发 | 更新时间:2016-12-24 | 阅读:4451 次

长按鼠标左键事件jQuery实现

“长按鼠标左键”这个事件,这个在网页上用得比较少,而在WebApp上用得稍多点,下面用jQuery实现这个功能:

// 长按鼠标左键

(function($) {

$.extend($.fn, {

longPress: function(callback, time) {

time = time || 1000;

var timer = null;

$(this).mousedown(function() {

var i = 0;

timer = setInterval(function() {

i += 10;

if (i >= time) {

clearInterval(timer);

typeof callback == 'function' && callback.call();

}

}, 10)

}).mouseup(function() {

clearInterval(timer);

})

}

});

})(jQuery);

 

// 调用方法

$(obj).longPress(function() {

    $(this).html("test success!");

}, 500)