如何防止焦點在按鈕上時觸發「點擊」事件的「按鍵」事件 - javascript/html dom

Question

我有一個可以觸發「stopstart」函數（動畫）的按鈕。我也想要一個無鼠標方法來做到這一點，所以我已經將相同的功能綁定到空格鍵。這工作。

然而如果重點是按鈕，我按空間 - 這兩個事件火，無法工作，如何制止這種（第一按鍵事件觸發 - 鉻..）

事件監聽代碼：

document.getElementById("stopstart").addEventListener("click", 
     function (event) { 
      stopstart(); 
     }); //add event listener to "stopstart" button 

document.addEventListener("keypress", 
     function (event) { 
      if (event.keyCode === 32) { //space key 
       stopstart(); 
      } 
     }); //add spacekey event listener to document 

我不想從按鈕移除焦點，因爲我想保留這些功能 - 這兩個事件似乎是單獨生成 - 所以我還沒有找到如何檢測到點擊事件實際上是由空格鍵生成的。

這是可以解決的使用，而無需添加臨時標誌抓住這等

Answer 1

的點擊位置的關鍵事件是零，零，所以你可以查找。

document.getElementById("stopstart").addEventListener("click", 
    function (event) { 
     var x = event.x || event.clientX; 
     var y = event.y || event.clientY; 
     if (!x && !y) { 
      alert("key press"); 
      return false; 
     } 
     stopstart(); 
    }); 

http://jsfiddle.net/mScEC/