JavaScript 的keydown,keypress,keyup事件

缺乏、安全感 2022-08-03 08:28 343阅读 0赞

JavaScript 中提供keydown,keypress,keyup 三种事件。从字面上理解的话，keyup就是被按的键释放了（弹起来了）才触发；keydown 和keypress相对而言比较容易混淆，下面就比较小keydown和keypress的区别：

onkeydown : 触发时机 键盘键被按下，返回false取消默认动作。不区分大小键盘，不区分大小写字母，基本支持所有按键，其他博文说不支持【printScreenSysRq】,但是测试也是支持的。

onkeypress: 触发时机 键盘键被按下，返回false取消默认动作。不区分大小键盘（一般利于辨别输入是否是数字），区分大小写。很多其他按键不支持。

用途：

keydown:一般情况下用于捕捉快捷键，在JavaScript中可以使用event.ctrlkey,event.altkey或者直接用17,18表示 “ctrl”和”alt”按键。

keypress: 一般用于捕获按键所获取的字符，由于区分大小写，和不分大小键盘，比较利于辨别输入字符；

触发顺序：

keydown ——> keypress ——> keyup. 如果keydown中，返回false会阻止kepress激活，导致无法运行keppress事件

发表评论

表情：
评论列表 （有 0 条评论，343人围观）

还没有评论，来说两句吧...

相关阅读

    相关 JavaScript事件

    什么是事件流 javaScript与HTML之间的交互是通过事件实现的。事件，就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用侦听器（或处理程序）来预订事件，以便

    末蓝、末蓝、/ 0 赞/ 98 阅读

    相关 JavaScript 事件

    第1章 事件入门 JavaScript 事件是由访问 Web 页面的用户引起的一系列操作，例如：用户点击。当用户执行某些操作的时候，再去执行一系列代码。 事件介绍

    素颜马尾好姑娘i素颜马尾好姑娘i/ 0 赞/ 368 阅读

    相关 <javascript>事件

    事件通常分为：事件源和响应行为。 事件在触发后弹出响应块与函数配合使用，这样我们可以通过发生的事件来驱动函数执行. 1、js的常用事件 ![常见事件][SouthEas

    柔情只为你懂柔情只为你懂/ 0 赞/ 338 阅读

    相关 JavaScript-事件

    事件(Event)是JavaScript应用跳动的心脏，当我们与浏览器中Web页面进行某些类型的交互时，事件就发生了。 事件可能是用户在某些内容上的点击、鼠标经过某个特

    旧城等待，旧城等待，/ 0 赞/ 389 阅读

    相关 javascript的事件

    原文: [javascript的事件][javascript] 前戏 　　今天在博客中看到了javascript的事件机制，就自己试试写一个简单的冒泡捕获测试，但是测试

    骑猪看日落骑猪看日落/ 0 赞/ 257 阅读