-
不是所有标签都可以直接绑定触发 键盘事件
只有可以获取焦点的标签 可以 直接绑定触发 键盘事件
可以获取焦点的常见标签: input select>option textarea button a -
keydown 一直按下 一直触发
-
keypress
执行效果 和 keydown 相同
只是 有一些按键 不能 触发 keypress 事件
ctrl alt shift esc 退格键
// div标签不能获取焦点 不支持 直接绑定 键盘事件
var oDiv = document.querySelector('div');
oDiv.addEventListener('keydown' , function(){console.log(111)});
// input标签可以获取焦点 支持 直接绑定触发 键名事件
var oIpt = document.querySelector('input');
oIpt.addEventListener('keydown' , function(){console.log(222)});
oIpt.addEventListener('keypress' , function(){console.log(333)});