长按鼠标左键事件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)