鼠標按下事件。原型JS或Javascript

Question

我想知道如果有人知道如何在鼠標按下時反覆重複某個功能，我不知道如何使它工作。我知道在原型你可以採取的事件，如

$('id').observe("click",function(event){}) 
$('id').observe("leave",function(event){}) 
$('id').observe("change",function(event){}) 
//etc... 

但像$('id').observe("whilemousepress",function(event){})：P //我知道有沒有在JavaScript無論如何但我想效仿。

感謝...

Answer 1

我不能原型細節發表評論，但你很可能通過創建使用上啓動mousedown和mouseup使用.clearInterval()停止setInterval()的間隔做到這一點。

Answer 2

當鼠標關閉時會發生一個事件mousedown以及一個用於鼠標彈起的事件mouseup。只需按下鼠標即可開始您的活動，並在釋放按鈕時停止活動。

$('id').observe("mousedown",function(event){ 
    // Do whatever you want 
}) 

$('id').observe("mouseup",function(event){ 
    // Stop the events starts when the mouse when down 
}) 

Answer 3

確定...我想這兩個是正確的我所做的是：

 $('right').observe('mousedown',function(event){ intervalRigth = setInterval(this.name + ".dosomething()",50); }.bind(this)); 
     $('left').observe('mousedown',function(event){ intervalLeft = setInterval(this.name + ".dosomething()",50); }.bind(this)); 


     $('right').observe('mouseup',function(event){ clearInterval(intervalRigth); }.bind(this)); 
     $('left').observe('mouseup',function(event){ clearInterval(intervalLeft); }.bind(this));    

//所以我想這兩個答案的組合是正確的感謝=）

Answer 4

var MouseUtils = (function() { 
 
    'use strict'; 
 
    // VARIABLES 
 
    var _isScrolling = false; 
 
    var _buttonsArray = [false, false, false, false, false, false, false, false, false]; // 0 left, 2 right, 1 middle, other.. extra buttons, gaming mouses 
 
    var _mousePressed = false; 
 

 
    //EVENT LISTENERS 
 
    var _init = function(w, d) { 
 
    w.onscroll = function() { 
 
     _isScrolling = true; 
 
    }; 
 
    d.onmousedown = function(e) { 
 
     _buttonsArray[e.button] = true; 
 
     _mousePressed = true; 
 
    }; 
 
    d.onmouseup = function(e) { 
 
     _buttonsArray[e.button] = false; 
 
     _mousePressed = false; 
 
    }; 
 
    d.oncontextmenu = function() { // this is mandatory for clicks down|ups works well 
 
     return false; 
 
    }; 
 
    return this; 
 
    }; 
 

 
    // TIMERS 
 
    var _scrollInterval = setInterval(function() { 
 
    if(_isScrolling) { 
 
     _isScrolling = false; 
 
    } 
 
    }, 500); 
 

 
    // EXPOSED 
 
    var _isLeftPressed = function() { 
 
    return _buttonsArray[0]; 
 
    }; 
 
    var _isRightPressed = function() { 
 
    return _buttonsArray[2]; 
 
    }; 
 
    var _isMiddlePressed = function() { 
 
    return _buttonsArray[1]; 
 
    }; 
 
    var _isScrolling = function() { 
 
    return _isScrolling; 
 
    }; 
 

 
    var _clearScrollInterval = function() { 
 
    clearInterval(_scrollInterval); 
 
    }; 
 

 
    return { 
 
    init: _init, 
 
    isLeftPressed: _isLeftPressed, 
 
    isRightPressed: _isRightPressed, 
 
    isMiddlePressed: _isMiddlePressed, 
 
    isScrolling: _isScrolling, 
 
    clearScrollInterval: _clearScrollInterval 
 
    }; 
 
})(); 
 

 
MouseUtils.init(window, document); 
 

 
while(MouseUtils.isLeftPressed) { 
 
    // DO SOMETHING 
 
}