html body keydown,HTML DOM--gt;键盘事件：keydown/keyup/keypress

1.定义和使用

keydown:某个键盘按键被按下

keyup:某个键盘按键被松开

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

注意：

1. 键盘事件的属性不能用于以下元素: , ,
, , , , , , ,

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

举例：

js_excise

div{

width: 100px;

height: 100px;

background-color: aqua;

}

//所有键盘按下触发

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)

输出：

标签：浏览器,DOM,keypress,keyup,键盘,window,按键,IE,event

来源： https://www.cnblogs.com/abner-pan/p/12805675.html

html body keydown,HTML DOM--gt;键盘事件：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 ...
[js] 键盘事件 keydown keypress
不是所有标签都可以直接绑定触发键盘事件只有可以获取焦点的标签可以直接绑定触发键盘事件可以获取焦点的常见标签: input select>option textarea button ...
键盘事件keydown()与keyup()
1.键盘按下事件:keydown() 是在键盘按下就会触发 2.键盘弹起事件:keyup() 是在键盘松手就会触发 <h1>keydown()与keyup()事件</h1>&l ...
键盘事件keydown、keypress、keyup随笔整理总结（摘抄）
原文1:http://www.cnblogs.com/silence516/archive/2013/01/25/2876611.html 原文2:http://www.cnblogs.com/leo ...
Vue 键盘事件（keyup、keydown）
介绍:keyup 表示键盘按键抬起事件,keydown 表示键盘按下事件用法:利用 v-on/ @ 来绑定事件在Vue中,已经为常用的按键设置了别名,这样我们就无需再去匹配keyCode,直接使 ...
无线端不响应键盘事件(keydown,keypress,keyup)
今天在项目时,在android手机上使用输入法的智能推荐的词的话,不会触发keyup事件,一开始想到在focus时使用一个定时器,每隔100ms检测输入框的值是否发生了改变,如果改变了就作对应的处理, ...

html body keydown,HTML DOM--gt;键盘事件：keydown/keyup/keypress

html body keydown,HTML DOM--gt;键盘事件：keydown/keyup/keypress相关推荐

最新文章

热门文章