javascript - 连续按下2个按钮时如何输出消息

Question

嗨，我是 javascript 的新手，正在搞乱它。当一个接一个地按下 2 个按钮时，我如何（如果可能）显示输出？

示例：单击按钮 1，单击按钮 2，消息显示“按钮 1 和 2 已被单击”

Answer 1

&&在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' />

​<a href="http://jsfiddle.net/HYSgy/1/" rel="nofollow">jsFiddle

Answer 2

<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 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);