長按鼠標(biāo)左鍵事件jQuery實(shí)現(xiàn)
所屬欄目: 網(wǎng)站開發(fā) | 更新時(shí)間:2016-12-24 | 閱讀:4907 次
長按鼠標(biāo)左鍵事件jQuery實(shí)現(xiàn)
“長按鼠標(biāo)左鍵”這個(gè)事件,這個(gè)在網(wǎng)頁上用得比較少,而在WebApp上用得稍多點(diǎn),下面用jQuery實(shí)現(xiàn)這個(gè)功能:
// 長按鼠標(biāo)左鍵
(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);
// 調(diào)用方法
$(obj).longPress(function() {
$(this).html("test success!");
}, 500)