javascript有几种键盘事件

javascript有3种键盘事件:1、keydown事件,在键盘上按下某个键时触发;2、keypress事件,按下某个键盘键并释放时触发;3、keyup事件,释放某个键盘键时触发。

javascript有几种键盘事件

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

在 JavaScript 中,当用户操作键盘时,会触发键盘事件。

键盘事件主要包括下面 3 种类型:

keydown:在键盘上按下某个键时触发。如果按住某个键,会不断触发该事件,但是 Opera 浏览器不支持这种连续操作。该事件处理函数返回 false 时,会取消默认的动作(如输入的键盘字符,在 IE 和 Safari 浏览器下还会禁止keypress 事件响应)。

立即学习“Java免费学习笔记(深入)”;

keypress:按下某个键盘键并释放时触发。如果按住某个键,会不断触发该事件。该事件处理函数返回 false 时,会取消默认的动作(如输入的键盘字符)。

keyup:释放某个键盘键时触发。该事件仅在松开键盘时触发一次,不是一个持续的响应状态。

当获取用户正按下键码时,可以使用 keydown、keypress 和 keyup 事件获取这些信息。其中 keydown 和 keypress 事件基本上是同义事件,它们的表现也完全一致,不过一些浏览器不允许使用 keypress 事件获取按键信息。所有元素都支持键盘事件,但键盘事件多被应用在表单输入中。

示例

下面示例实时捕获键盘操作的各种细节,即键盘响应事件类型及对应的键值。

    var key = document.getElementById("key");    key.onkeydown =f;  //注册keydown事件处理函数    key.onkeyup = f;  //注册keyup事件处理函数    key.onkeypress = f;  //注册keypress事件处理函数    function f (e) {        var e = e || window.event;  //标准化事件处理        var s = e.type + " " + e.keyCode;  //获取键盘事件类型和按下的值        key.value = s;    }

登录后复制

键盘事件属性

键盘定义了很多属性,如下表所示。利用这些属性可以精确控制键盘操作。键盘事件属性一般只在键盘相关事件发生时才会存在于事件对象中,但是 ctrlKey 和 shiftKey 属性除外,因为它们可以在水保事件中存在。例如,当按下 Ctrl 或Shift 键时单击鼠标操作。

键盘事件定义的属性 属性 说明

keyCode该属性包含键盘中对应键位的键值charCode该属性包含键盘中对应键位的 Unicode 编码,仅 DOM 支持target发生事件的节点(包含元素),仅 DOM 支持srcElement发生事件的元素,仅 IE 支持shiftKey是否按下 Shift 键,如果按下返回 true,否则为falsectrlKey是否按下 Ctrl 键,如果按下返回 true,否则为falsealtKey是否按下 Alt 键,如果按下返回 true,否则为falsemetaKey是否按下 Mtea 键,如果按下返回 true,否则为false,仅 DOM 支持

【相关推荐:javascript学习教程

以上就是javascript有几种键盘事件的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2937514.html

(0)
上一篇 2025年3月11日 21:13:04
下一篇 2025年2月22日 21:55:56

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • javascript中有数组吗

    javascript中有数组。在javascript中,数组是一组按顺序排列的数据的集合,数组中的每个成员被称为元素,每个元素的名称(键)被称为数组下标(Index);数组的长度是弹性的、可读写的。 本教程操作环境:windows7系统、j…

    2025年3月11日
    200
  • JavaScript是什么端脚本语言

    JavaScript是客户端脚本语言。JavaScript是一种原型化继承的、基于对象的、动态类型的、区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言遗留的速度问题,为客户提供更流畅的浏览效果。 本教程操作环境:windows7系…

    2025年3月11日
    200
  • javascript有什么缺点

    javascript的缺点有:1、安全性低,会被黑客利用,在用户的计算机上执行恶意代码;2、各浏览器厂商对JavaScript支持程度不同,js代码在不同的设备上会以不同的方式呈现,从而导致展示效果不一致。 本教程操作环境:windows7…

    2025年3月11日
    200
  • javascript是多线程语言吗

    javascript不是多线程语言,而是一种单线程语言。javascript是浏览器脚本语言,其解释器是单线程的;且JavaScript的主要用途是与用户互动,以及操作DOM,这决定了它只能是单线程,否则会带来很复杂的同步问题。 本教程操作…

    2025年3月11日 编程技术
    200
  • javascript怎么去掉字符串中的逗号

    在javascript中,可以通过replace()方法利用正则表达式来去掉字符串中的逗号,只需要找到字符串中的所有逗号,将其替换为空字符串即可;语法“字符串对象.replace(new RegExp(“,”,&#8…

    2025年3月11日 编程技术
    200
  • javascript怎么求三个数的乘积

    在JavaScript中,可以利用“*”算术运算符来求三个数的乘积,该运算符用于计算两边操作数的乘积,语法为“数值1*数值2*数值3”。 本教程操作环境:windows10系统、javascript1.8.5版、Dell G3电脑。 jav…

    2025年3月11日
    200
  • javascript中冒泡排序是什么意思

    在JavaScript中,冒泡排序是一种排序方法,原理是把一个数组中的每一个数从前往后依次进行比较,根据大小交换位置,每一轮的比较都确定出一个当轮比较的最大值,最终实现数组的大小排序。 本教程操作环境:windows10系统、javascr…

    2025年3月11日
    200
  • JavaScript怎么求两个数的最大公约数

    在JavaScript中,可利用function语句、if语句配合“%”、“===”运算符求两个数的最大公约数,语法为“function gcd(x,y){if(x%y===0){return y;}return gcd(y,x%y)}”。…

    2025年3月11日
    200
  • javascript operator(运算符)有哪些?

    operator有:1、算术运算符,包含“+”、“-”、“*”等;2、赋值运算符,包含“=”、“+=”、“-=”等;3、比较运算符,包含“==”、“===”等;4、逻辑运算符,包含“&&”、“||”等;5、位运算符,包含“&…

    2025年3月11日
    200
  • javascript怎么去掉余数

    在JavaScript中,去掉余数也就是去除小数点后的数值,可以利用parseInt()函数来实现;该函数可以解析一个字符串并且返回一个整数,语法为“parseInt(除法结果)”。 本教程操作环境:windows10系统、javascri…

    2025年3月11日
    200

发表回复

登录后才能评论