js键盘事件

本文介绍了JavaScript中的键盘事件,包括keydown、keypress和keyup三种类型,详细解释了它们的触发时机和应用场景。通过实例展示了如何获取键盘事件的键码、处理用户输入以及使用键盘事件控制页面元素移动。同时,讨论了键盘事件的响应顺序,对于字符键和非字符键的不同处理方式。
摘要由CSDN通过智能技术生成

  在JavaScript中我们会使用到键盘事件来控制浏览器行为在键盘事件里有3种类型

1.

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

2.

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

3.

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

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

列: 

<textarea id="key"></textarea>

<script>

    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;  //标准化事件处理

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值