JS键盘事件获取键盘码

最新推荐文章于 2024-05-10 08:00:37 发布

讷言丶

最新推荐文章于 2024-05-10 08:00:37 发布

阅读量2.5k

点赞数

分类专栏：前端文章标签： js

本文链接：https://blog.csdn.net/weixin_51033461/article/details/119896407

版权

前端专栏收录该内容

37 篇文章 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
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS键盘事件获取键盘码

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

扫一扫