HTML DOM--＞键盘事件：keydown/keyup/keypress

1.定义和使用

　　keydown:某个键盘按键被按下

　　keyup:某个键盘按键被松开

　　keypress:个键盘按键被按下并松开

　　注意：

　　　　1. 键盘事件的属性不能用于以下元素: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或 <title>。

　　　　2.keypress 事件在所有浏览器中不能触发所有按键(例如：ALT, CTRL, SHIFT, ESC) 。如果只对用户是否已经按下一个按键检测，可以使用 keydown 取代, keydown被所有按键触发。

　　举例：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>js_excise</title>    </head><style type="text/css">div{width: 100px;height: 100px;background-color: aqua;}</style><body><div></div><script type="text/javascript">//所有键盘按下触发document.addEventListener('keydown',function(e){var event = e || window.event // e:非IE浏览器使用，window.event是IE浏览器使用console.log(event.shiftKey,event.altKey,event.ctrlKey,event.key,event.keyCode)},false)//所有键盘抬起触发document.addEventListener('keyup',function(e){var event = e || window.event // e:非IE浏览器使用，window.event是IE浏览器使用console.log(event.shiftKey,event.altKey,event.ctrlKey,event.key,event.keyCode)},false)//非功能按键按下触发document.addEventListener('keypress',function(e){var event = e || window.event // e:非IE浏览器使用，window.event是IE浏览器使用console.log(event.shiftKey,event.altKey,event.ctrlKey,event.key,event.keyCode)},false)</script></body>
</html>

　输出：

HTML DOM--＞键盘事件：keydown/keyup/keypress相关推荐

键盘事件keydown、keypress、keyup随笔整理总结
键盘事件keydown.keypress.keyup随笔整理总结英文输入法: 事件触发顺序:keydown - > keypress - > keyup 中文输入法: firfox:输入 ...
键盘事件keydown、keypress、keyon区别
键盘事件keydown.keypress.keyon区别最近刚学习键盘事件,在敲相关案例时,发现有点混淆,思考并查阅资料后发现有些小点很微妙,值得记录以下! 当同时写下这几个事件时,其优先顺序为ke ...
java keydown_键盘事件keydown、keypress、keyup随笔整理总结
英文输入法: 事件触发顺序:keydown - > keypress - > keyup 中文输入法: firfox:输入触发keydown,回车确认输入触发keyup chrome:输入 ...
python绑定按键pageup键_键盘事件keydown、keypress、keyup随笔整理总结（摘抄）
原文1:http://www.cnblogs.com/silence516/archive/2013/01/25/2876611.html 原文2:http://www.cnblogs.com/leo ...
keyup常用事件_键盘事件keydown、keypress、keyup随笔整理总结
键盘英文输入法: 事件触发顺序:keydown - > keypress - > keyup 中文输入法: firfox:输入触发keydown,回车确认输入触发keyup chrome ...
键盘事件keydown、keypress、keyup随笔整理总结（摘抄）
原文1:http://www.cnblogs.com/silence516/archive/2013/01/25/2876611.html 原文2:http://www.cnblogs.com/leo ...
html body keydown,HTML DOM--gt;键盘事件：keydown/keyup/keypress
1.定义和使用 keydown:某个键盘按键被按下 keyup:某个键盘按键被松开 keypress:个键盘按键被按下并松开注意: 1. 键盘事件的属性不能用于以下元素: , , , , , , , ...
[js] 键盘事件 keydown keypress
不是所有标签都可以直接绑定触发键盘事件只有可以获取焦点的标签可以直接绑定触发键盘事件可以获取焦点的常见标签: input select>option textarea button ...
键盘事件keydown()与keyup()
1.键盘按下事件:keydown() 是在键盘按下就会触发 2.键盘弹起事件:keyup() 是在键盘松手就会触发 <h1>keydown()与keyup()事件</h1>&l ...

HTML DOM--＞键盘事件：keydown/keyup/keypress

1.定义和使用

HTML DOM--＞键盘事件：keydown/keyup/keypress相关推荐

最新文章

热门文章