如何連續按下2個按鈕時輸出消息

Question

嗨即時通訊新的JavaScript和搞亂它。 我如何（如果可能的話）顯示一個輸出，當2個按鈕被一個接一個按下時？

實施例：點擊按鈕1，單擊按鈕2，消息顯示 「按鈕1和2已被點擊」

Answer 1

<p id="status"></p> 
<button id="btn1" onclick="clickfun(this);">button 1</button> 
<button id="btn2" onclick="clickfun(this);">button 2</button> 


<script> 
clickfun(elm){ 
var currenthtml = document.getElementById('status').innerHTML; 
document.getElementById('status').innerHTML = currenthtml += this.id+' clicked !'; 

} 
</script> 

Answer 2

在if語句中使用的&&運算符。

的Javascript：

var button1 = false; 
var button2 = false; 
var b1_id = document.getElementById('button1'); 
var b2_id = document.getElementById('button2'); 
b1_id.addEventListener('click',click1,false); 
function click1() { 
    alert("Button1 clicked"); 
    button1 = true; 
    check(); 
} 
b2_id.addEventListener('click',click2,false); 
function click2() { 
    alert("Button2 clicked"); 
    if (button1 !== false) button2 = true; //this is to make sure they are clicked consecutivley 
    check(); 
} 
function check() { 
    if (button1 === true && button2 === true) { 
     alert("Button1 and Button2 clicked consecutively"); 
    } 
} 

HTML：

<input type='button' id='button1' value='button1' /> 
<input type='button' id='button2' value='button2' /> 

jsFiddle

Answer 3

其實我只寫了專門的鼠標對象庫。它有一件事是跟蹤按下哪些按鈕，並遵循DOM3規範。

https://github.com/Benvie/Mouse

歸結到最低限度，你必須不斷地跟蹤繆斯到現在，如果瀏覽器不提供「按鈕」屬性，只有Firefox的15做爲止。特別是，mousedown開始，然後點擊和contextmenu結束。

跟蹤按鈕的鍵位是

var buttons = 0; 

function down(e){ buttons |= 1 << e.button; } 
function up(e){ buttons &= ~(1 << e.button); } 

window.addEventListener('click', up); 
window.addEventListener('contextmenu', up); 
window.addEventListener('mousedown', down);