html 按钮 按下弹起,当按钮按下按钮时，在HTML按钮上捕获mousedown事件

例不使用jQuery：

Click or press

function buttonDown(button) {

document.getElementById("status").innerHTML = "button " + button.id + " pressed";

}

function buttonUp(button) {

document.getElementById("status").innerHTML = "button " + button.id + " released";

}

var b = document.getElementById("mybutton");

b.addEventListener("keydown", function (e) {

e = e || window.event;

var code = e.keyCode || e.charCode;

if (code == 32 || code == 13) { // enter or space

buttonDown(this);

}

});

b.addEventListener("keyup", function (e) {

e = e || window.event;

var code = e.keyCode || e.charCode;

if (code == 32 || code == 13) { // enter or space

buttonUp(this);

}

});

b.addEventListener("mousedown", function (e) {

e = e || window.event;

var button = e.which || e.button;

if (e.button == 0) { // left click

buttonDown(this);

}

});

b.addEventListener("mouseup", function (e) {

e = e || window.event;

var button = e.which || e.button;

if (e.button == 0) { // left click

buttonUp(this);

}

});