jQuery - 在mousedown上觸發常規函數調用

Question

我想要一個函數在給定的時間間隔內按住鼠標左鍵按住特定元素。有沒有在jQuery中做這個簡單的方法，或者我應該使用香草javascript和setInterval/setTimeout？

感謝

Answer 1

這裏是一個jQuery插件，提供了一個mousehold事件。

http://remysharp.com/2006/12/15/jquery-mousehold-event/

如果你去demo page，然後點擊其中一個箭頭到最後一個輸入框，你會看到它是如何工作的權利。

Answer 2

jQuery的不提供任何功能看的支持，因此，您可以按如下方式使用香草setTimeout函數：

var timer; 

function functionToRun() { 
    // Function code here... 
    functionToRun(); 
} 

var inFunction = function() { 
    timer = window.setTimeout(functionToRun, intervalToRunFor); 
} 

var outFunction = function() { 
    window.clearTimeout(timer); 
} 

$('selector').hover(function() { inFunction, outFunction } 

Answer 3

var mouseDown = false; 

$('#yourID').bind('click', function() { 
    mouseDown = true; 
}); 

$('#yourID').bind('mouseup', function() { 
    mouseDown = false; 
}); 

setInterval('checkOut();',5000); 

function checkOut() { 
    if(mouseDown) alert('mouse is down! Whatup!'); 
}); 

Answer 4

這是我會怎麼做：

HTML：

<div id="box"></div> 

的JavaScript：

var box = $('#box'), 
    iv; 

function foo() { 
    box.append('*');  
} 

box.bind('mousedown mouseup', function(e) { 
    $(this).toggleClass('hold', e.type === 'mousedown'); 
}); 

iv = setInterval(function() {  
    box.hasClass('hold') && foo(); 
}, 1000); 

所以，你的處理程序綁定到兩個mousedown和mouseup事件，並相應設置hold CSS類。同時，獨立定時器iv將檢查hold類是否已設置，並相應地調用您的函數（foo）。

現場演示：http://jsfiddle.net/simevidas/7CUFE/