마우스 버튼의 위치를 ​​알아내는 부울 함수

Question

마우스 버튼의 상태 (눌렀다가 놓은 상태)를 확인할 수 있습니다. 이 jquery 이벤트 처리의 목적을 알고 있지만 마우스의 단추를 단추의 위치를 ​​변경할 필요없이 누르지 않은 경우 함수를 수행 할 수 있는지 궁금해. 혹은 그 반대로도)? 코드 아래

Answer 1

시도, DEMO 여기

$(document).mousedown (function() { 
    $('#result').text('Pressed'); 
}).mouseup (function() { 
    $('#result').text('Released'); 
}); 

Answer 2

당신은 변경된 마우스 이벤트를 감지 할 mousedown 및 mouseup 이벤트를 사용할 수 있습니다. 이 이벤트는 window에 바인딩되어야합니다. 데모 : 부울 맥락에서

0 Mouse released false 
1 Left click  true 
2 Middle click  true 
3 Right click  true 

마우스를 아래로하지 않을 때 함수 반환 값은 false로 평가 http://jsfiddle.net/uwzbn/

var mouseState = (function(){ 
    var mousestatus = 0; 
    $(window).mousedown(function(e) { 
     mousestatus = e.which; 
    }).mouseup(function(e){ 
     mousestatus = 0; 
    }); 
    return function() { 
     return mousestatus; 
    } 
})(); 

이 기능은 네 가지 값을 반환합니다. 마우스를 누르면 어떤 마우스 키를 누르는 지 (보너스로) 읽을 수 있습니다.

Answer 3

$(function() { 

    //setup flag for the state of the mouse button and create an object that converts an event type into a boolean for the flag 
    var mousePressed = false, 
     mouseConvert = { 
      mousedown : true, 
      mouseup : false 
     }; 

    //bind to the document's mousedown and mouseup events to change the flag when necessary 
    $(document).on('mousedown mouseup', function (event) { 

     //set the flag to the new state of the mouse button 
     mousePressed = mouseConvert[event.type]; 

     //if you only want to watch one mouse button and not all of them then 
     //you can create an if/then statement here that checks event.which 
     //and only updates the flag if it is the button you want, check-out Rob W.'s 
     //answer to see the different values for event.which with respect to the mouse 
    }); 
    //now you can check the value of the `mousePressed` variable, if it is equal to `true` then the mouse is currently pressed 
});