JS键盘事件获取键盘码

偏执的太偏执、 2023-10-03 14:52 2阅读 0赞

### JS中的键盘事件 ###

keydown：在键盘上按下某个键时触发。如果按住某个键，会不断触发该事件，但是 Opera 浏览器不支持这种
    连续操作。该事件处理函数返回 false 时，会取消默认的动作（如输入的键盘字符，在 IE 和 Safari 浏览器
    下还会禁止keypress 事件响应）。
    
    keyup：释放某个键盘键时触发。该事件仅在松开键盘时触发一次，不是一个持续的响应状态。
    
    keypress：按下某个键盘键并释放时触发。如果按住某个键，会不断触发该事件。该事件处理函数返回
     false 时，会取消默认的动作（如输入的键盘字符）。

**鼠标事件对应的处理方法**

*  keyCode：用于获取DOM节点上的键盘码
 *  charCode： 该属性包含键盘中对应键位的 Unicode 编码，仅 DOM 支持
 *  target： 发生事件的节点（包含元素），仅 DOM 支持

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    <body>
      <div>
        <h1 className='welcome'>Welcome组件</h1>
        <input type="text"  id="inner"/>
      </div>
      <script>
        var inner = document.getElementById('inner');
        inner.onkeyup = function(e){
          //鼠标点击弹起后触发，另外两个方法使用形式相同
          console.log(e.keyCode) //用keyCode获取键盘码，e为当前元素
        }
      </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

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

相关阅读

相关 js 键盘事件

键盘事件：简单点就是检测用户在键盘上按了什么键 <!DOCTYPE html> <html> <head>

Myth丶恋晨/ 2023年10月06日 13:43/ 0 赞/ 75 阅读

相关 JS键盘事件获取键盘码

JS中的键盘事件 keydown：在键盘上按下某个键时触发。如果按住某个键，会不断触发该事件，但是 Opera 浏览器不支持这种连续操作。该事件处理函数

偏执的太偏执、/ 2023年10月03日 14:52/ 0 赞/ 3 阅读

相关 js中的键盘事件

本文转自：http://www.cnblogs.com/rubylouvre/archive/2009/08/20/1550526.html 在进入正题前，我们看一下浏览器对

Dear 丶/ 2022年09月17日 12:25/ 0 赞/ 250 阅读

相关 js键盘事件总结

写游戏时用到不少 event.keycode大全(javascript) keycode 8 = BackSpace BackSpace keycode 9 =

快来打我*/ 2022年07月14日 23:09/ 0 赞/ 260 阅读

相关 JS 获取和响应键盘按键事件

场景：页面中需要设置快捷键。下面Demo是组合按键按下事件，可直接使用，单个按键响应事件，只需要将 if 中的按键值更改至需要的键位即可，该例子引

心已赠人/ 2022年06月02日 12:08/ 0 赞/ 467 阅读

相关键盘事件

一介绍键盘事件包含onkeypress、onkeydown和onkeyup事件。 onkeypress事件是在键盘上的某个键被按下并且释放时触发此事件的处理程序，一般用

今天药忘吃喽~/ 2022年05月12日 00:00/ 0 赞/ 383 阅读

相关 C++ 获取键盘事件

原文地址：[https://www.runoob.com/w3cnote/c-get-keycode.html][https_www.runoob.com_w3cnote

野性酷女/ 2021年12月11日 15:51/ 0 赞/ 779 阅读

相关 js键盘事件中的键码对照表

JS中的键盘事件经常用到，收集了键盘事件对应的键码来分享下： <table> <thead> <tr> <th>keyCode</th> <th

旧城等待，/ 2021年12月05日 15:17/ 0 赞/ 436 阅读

相关 JS--JavaScript使用键盘事件、键盘事件属性（keyCode、charCode、target...）、使用键盘控制页面元素

键盘事件当用户操作键盘时会触发键盘事件，键盘事件主要包括下面3种类型： keydown：在键盘上按下某个键时触发。如果按住某个键，会不断触发该事件，但是Ope

墨蓝/ 2021年08月14日 00:02/ 0 赞/ 574 阅读

相关 js中获取键盘事件

<script type="text/javascript" language=JavaScript charset="UTF-8"> docume

ゝ一纸荒年。/ 2021年06月26日 16:06/ 0 赞/ 533 阅读