입력 버튼 다운 상태 감지

Question

아래의 버튼이 현재 눌려져 있거나 눌려져 있는지 어떻게 알 수 있습니까?

<input type="button" value="Hold it down" id="aButton">

내가 버튼을 클릭 만 활성 상태에서 아래로 개최되는 경우 감지하는 뜻이 아니라, 명확합니다.

mousedown 이벤트를 사용하려고했지만 사용자가 키보드로 버튼을 조작하고 버튼으로 탭 이동 한 다음 스페이스 바를 누르고 있으면 작동하지 않습니다.

Answer 1

이 작업 샘플 벨로 (기본 JS에서 onmousedown) JQuery와 mousedownmouseup (기본 JS에서 onmouseup) 이벤트와 함께 잘 작동 :

$(document).ready(function(){ 
 
    $("#btn").on("mousedown",function(){ 
 
    console.log("btn click down using mouse"); 
 
    }) 
 
    var firstKeydown = true; 
 
    $("#btn").on("keydown",function(e){ 
 
    if(e.which == 32){ // check if clicked button is sapcebar "code =32" 
 
     if(firstKeydown) { // to prevent multiple firing 
 
      console.log("btn click down using keyboard"); 
 
      firstKeydown = false; 
 
     } 
 
    } 
 
    }) 
 
    
 
    $("#btn").on("mouseup",function(){ 
 
    console.log("btn click up using mouse"); 
 
    }) 
 

 
    $("#btn").on("keyup",function(e){ 
 
    if(e.which == 32) { // check if clicked button is sapcebar "code =32" 
 
     console.log("btn click up using keyboard"); 
 
     firstKeydown =true; 
 
    } 
 
    }) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button id="btn">Button</button>