javascript之键盘事件onkeydown,onkeyup,onkeypress

键盘事件

键盘事件一般绑定给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' && 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>

javascript之键盘事件onkeydown,onkeyup,onkeypress相关推荐

JS键盘事件—onkeydown，onkeyup
键盘事件 onkeydown 按键被按下对于某个按键一直按着不放,则事件会一直触发当onkeydown连续触发式,第一次和第二次之间会有一个间隔时间,其他之后会非常的快这种设计是为了防止我们误操 ...
JavaScript 获取键盘事件(键盘某个按键被按下)
键盘事件(Keyboard Events) 属性值描述 onkeydown script 当按下按键时运行脚本 onkeypress script 当按下并松开按键时运行脚本 onkeyup sc ...
onkeydown,onkeyup,onkeypress,onclick,ondblclick
onkeydown,onkeyup,onkeypress,onclick,ondblclick 昨天群里面的朋友问了个比较有意思的问题,keydown,keyup,keypress事件的先后顺序. 这 ...
键盘事件onkeydown和onkeyup
onkeydown 按键被按下,对于onkeydown来说如果一直按着某个按键不松手,则事件会一直触发,当onkeydown连续触发时,第一次和第二次之间会间隔稍微长一点,其他的 ...
键盘事件（onkeyup onkeydown）
两者的区别 1.表示的意义不同.onkeyup键盘抬起事件,onkeydown键盘按下事件 2.触发时机不同.onkeyup 事件会在键盘按键被松开时发生.onkeydown 事件会在用户按下一个键盘 ...
JavaScript绑定键盘事件的多种写法
使用JavaScript来绑定键盘事件时,有多种写法,而他们的实现效果实际上是等价的,下面一一来列举. 方式一: function keyboard() {document.onkeydown = f ...
JavaScript的键盘事件
键盘事件 keypress 当键盘键按下的过程首先,按键被按下,然后, 按键被松开 keydown 当键盘键按下时,触发 Keyup 当键盘键松开时,触发触发顺序 1.keypress键按下的过程 ...
Javascript鼠标键盘事件
鼠标事件 click:单击 dblclick:双击 mousedown:鼠标按下 mouseup:鼠标抬起 mouseover:鼠标悬浮 mouseout:鼠标离开 mousemove:鼠标移动 mo ...
JavaScript基础14-day16【事件委派、事件绑定、事件传播、滚轮事件、键盘事件、键盘移动div】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...

javascript之键盘事件onkeydown,onkeyup,onkeypress

键盘事件

javascript之键盘事件onkeydown,onkeyup,onkeypress相关推荐

最新文章

热门文章