jQuery-在mousedown上触发常规函数调用

Question

我希望在给定的时间间隔内定期调用某个函数，同时在特定元素上按住鼠标左键。 有没有在jQuery中执行此操作的简单方法，还是应该使用香草javascript和setInterval / setTimeout？

谢谢

Answer 1

这是一个提供mousehold事件的jQuery插件。

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

如果转到演示页面 ，然后单击最后一个输入框右侧的箭头之一，您将看到其工作原理。

Answer 2

这就是我要做的：

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/

Answer 3

因此，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 4

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!');
});