键盘事件 | 触发条件 |
---|---|
onkeyup | 某个键盘按键被松开时触发 |
onkeydown | 某个键盘按键被按下时触发 |
onkeypress | 某个键盘按键被松开时触发 不识别功能键:ctrl alt 箭头等 |
<script>
document.addEventListener("keyup",function(){
// 一直按着不松开不会触发 只要松开了键盘某个键就会触发
console.log("我被松开了");
})
document.addEventListener("keydown",function(){
// 一直按着不松开会一直触发 只要松开就不会触发
console.log("我被按下了--down");
})
document.addEventListener("keypress",function(){
// 一直按着不松开也会一直触发 但不识别ctrl alt shift等功能键
console.log("我被按下了--press");
})
</script>
三个事件的执行顺序:keydown–>keypress–>keyup
onkeydown和onkeypress的区别就是,onkeypress不识别功能键。