入力ボタンのダウン状態を検出する

Question

下のボタンが現在押されている（押されている）のを検出する方法はありますか？

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

明確にするために、私はボタンがクリックされたかどうかを検出するために意味するものではありませんが、アクティブ状態に押されて。

私はmousedownイベントを使用しようとしましたが、ユーザーがキーボードでボタンを操作し、ボタンにタブで移動してスペースバーを押し下げても機能しません。

Answer 1

それはjqueryのmousedown（ネイティブJSでonmousedown）mouseup（ネイティブ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>