键盘事件
键盘事件一般绑定给document,以及一些可以获取焦点的标签,如input标签。
onkeydown事件:
当键盘任意键按下时执行,按下不松,会不断执行。
onkeyup事件:
当键盘任意按下并松开时执行。
onkeypress事件:
当键盘的字母或数字按下时执行,功能键如ctrl,shift,方向键无法识别。
ie不支持这个事件。
<!DOCTYPE html><html lang=”en”><head><meta charset=”UTF-8″><meta name=”viewport” content=”width=device-width, initial-scale=1.0″><title>键盘事件</title></head><body><script>// 当键盘任意按键按下时执行,按下不放会不断执行document.onkeydown = function(event){let e = event || window.event;// 获取你按下的键,返回字符串console.log(e.key);// 获取你按下的键,返回键码,即数字console.log(e.keyCode)// 判断你按下w键if(e.key === ‘w’)console.log(‘你按下了’ + e.key + ‘键’)// 组合键// e.ctrlKey,e.shiftKey,e.altKey如果你按下了这些键,返回true,否则返回false// 判断按ctrl不放再按d键时执行if(e.key === ‘y’ && vps云服务器 e.ctrlKey)console.log(‘你按了ctrl + y’)}// 但键盘任意键按下松开时执行document.onkeyup = function(event){let e = event || window.event;console.log(‘你按下了’ + e.key + ‘松开了’)}// 当键盘字母和数字键按下时执行,ctrl,shift,方向键等键除外// ie不支持document.onkeypress = function(event){let e = event || window.event;console.log(‘你按下了’ + e.key)}</script></body></html> 88711582