Javascript 当按钮“按下”时，在HTML按钮上捕获mousedown事件；按「；按键
如果我在Javascript中为一个按钮设置了一个Javascript 当按钮“按下”时，在HTML按钮上捕获mousedown事件；按「；按键,javascript,button,dom-events,Javascript,Button,Dom Events,如果我在Javascript中为一个按钮设置了一个mousedown事件，当我按下按钮时，它就会触发。如果我设置了一个单击事件，它会在我释放按钮时触发。所以我可以随时通知按钮的状态。但是，如果使用键盘“按下”按钮（例如，使用tab键选择按钮，然后按空格键按下按钮），我不会收到任何事件。但是，当我释放空格键时，我确实得到了单击事件 似乎我可以将一个按键事件附加到按钮上，然后通过查看按下的按键并确保它是空格键，我可以模拟mousedown，也就是说，我可以判断按钮按下了。但这假设空格键是被按下的键；
mousedownmousedown$('input').on('keydown mousedown', function(e){
var code = e.keyCode ? e.keyCode : e.charCode;
alert('rawr!');
if(code == 13)
{
alert('Enter key pressed!');
}
});
不使用jquery的示例：
<html><body>
<button id="mybutton">Click or press</button>
<div id="status"></div>
<script type='text/javascript'>
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);
}
});
</script>
</body></html>
单击或按
功能按钮向下（按钮）{
document.getElementById（“status”）.innerHTML=“button”+button.id+“pressed”；
}
功能按钮（按钮）{
document.getElementById（“status”）.innerHTML=“button”+button.id+“released”；
}
var b=document.getElementById（“mybutton”）；
b、 addEventListener（“向下键控”，函数（e）{
e=e | | window.event；
var代码=e.keyCode | | e.charCode；
如果（code==32 | | code==13）{//输入或空格
按钮向下（此）；
}
});
b、 addEventListener（“键控”，函数（e）{
e=e | | window.event；
var代码=e.keyCode | | e.charCode；
如果（code==32 | | code==13）{//输入或空格
钮扣（这个）；
}
});
b、 addEventListener（“鼠标向下”，函数（e）{
e=e | | window.event；
var按钮=e.哪个| | e.按钮；
如果（e.button==0）{//左键单击
按钮向下（此）；
}
});
b、 addEventListener（“鼠标”，函数（e）{
e=e | | window.event；
var按钮=e.哪个| | e.按钮；
如果（e.button==0）{//左键单击
钮扣（这个）；
}
});
.onmousedown.onkeypress。onkey按向下向上