JS监听键盘点击事件

最新推荐文章于 2023-10-06 17:29:30 发布
最新推荐文章于 2023-10-06 17:29:30 发布
阅读量719 收藏
点赞数
分类专栏： JS 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a987456321z/article/details/106210201
版权
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Descri
摘要由CSDN通过智能技术生成 
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <title>Document</title>
    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $(document).keyup(function(event){
                var e = event || window.event;
                var k = e.keyCode || e.which;
                switch(k) {
                    case 27 : //esc

                        break;
                    case 13 : //enter

                        break;
                }
            });
        });
    </script>
</head>
<body>

</body>
</html>
  • 附录1：各个按键对应的keyCode值

字母和数字键的键码值(keyCode)

按键 键码 按键 键码 按键 键码 按键 键码
A 65 J 74 S 83 1 49
B 66 K 75 T 84 2 50
C 67 L 76 U 85 3 51
D 68 M 77 V 86 4 52
E 69 N 78 W 87 5 53
F 70 O 79 X 88
最低0.47元/天 解锁文章
行云之流水
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript常用事件监听方法
猿码互联
05-15 611
在JavaScript中，事件监听方法可以用来捕捉和处理用户与网页交互过程中的各种事件，比如点击按钮、鼠标移动、键盘输入等。以上就是JavaScript中常用的事件监听方法的详细解析和代码实例讲解。你可以根据需求选择合适的方法来监听不同类型的事件，并在相应的函数中执行相应的操作。
JS中的事件监听
热门推荐
杜永康的博客
03-30 1万+
事件监听是Web开发中非常重要的一个概念，掌握了它的用法，可以让我们实现更加丰富和动态的交互效果。在实际开发中，我们需要根据具体的需求选择合适的事件类型和事件处理函数，以及注意事件传播和事件对象的相关问题。
JS的监听事件
m0_71966801的博客
07-09 2878
它接受三个参数：事件类型、要执行的回调函数、和一个可选的布尔值参数，用于指定事件是否在捕获阶段触发（默认为。方法添加了多个相同类型的事件监听器，它们将按照添加的顺序依次执行。而当使用属性赋值或其他方法替换事件监听器时，之前添加的监听器可能会被覆盖。在JavaScript中，你可以使用监听器来捕获和处理不同类型的事件。通过添加事件监听器，你可以指定当特定事件发生时要执行的函数。这些方法是DOM对象的属性，可以通过直接赋值函数来进行事件监听。其他事件监听方法：除了以上两种方法，还有许多特定的事件监听方法，如。
前端学习--JS入门(5) 事件监听/事件类型/事件对象
Michelle209的博客
04-06 3952
包含事件触发时相关信息的对象，比如用户按下哪个键、鼠标点击哪个元素。事件类型--触发方式（比如click/mouseover）当一个函数做参数传递给另一个函数时，这个函数是回调函数。事件是系统运行时发生的动作或者发生的事情。this--当前函数运行时所处的环境。事件源--获取被触发的dom元素。事件调用函数--触发了做什么事。mouseenter 鼠标经过。mouseleave 鼠标离开。keydown键盘按下触发。谁调用，this指向谁。click 鼠标点击。focus 获得焦点。
JavaScript的事件监听
Welisit的博客
09-15 5064
用户点击了某个按钮响应编写处理程序如何进行事件监听呢？scripton。
javaScript----事件监听
drhnb的博客
06-09 1580
什么是事件： 就是在编程时系统内发生的动作或发生的事情 例如：用户在网页上单击一个按钮 什么是事件监听： 检测是否有事件发生，一旦有事件发生，就立即调用函数做出响应 例如：鼠标经过显示下拉菜单，用户点击按钮更换轮播图等
ExtJS 键盘事件监听
Yangholmes
03-25 6193
最近在做一个自动办公系统，整套系统的模块都已经确定了，但唯独登陆窗口没有实现最基本的功能——点击回车登陆。每次登陆都需要输入账号->移动鼠标->输入密码->移动鼠标->点击“登陆”按键，甚烦人。于是研究了一下Ext JS前台键盘事件捕捉，在网上找了文章，本着拿来主义，把别人的代码直接复制粘贴一下，发现根本不起作用。后来决心自己研究一番。 /** * 这段代码来自 * http://blog.csdn
js监听鼠标点击和键盘点击事件并自动跳转页面
10-25
主要介绍了js监听鼠标点击(onmousedown)和键盘点击(onkeydown)事件并自动跳转页面，很简单的一个实现
JavaScript如何实现监听键盘输入和鼠标监点击
11-20
在JavaScript中，监听键盘输入和...总之，JavaScript提供了一套强大的事件处理机制，让我们能够轻松地监听键盘输入和鼠标点击。通过理解和利用这些事件，开发者可以创建出丰富的交互式Web应用，满足用户的各种需求。
JavaScript 监听textarea中按键事件
12-12
有个textarea， Java代码 代码如下: <textarea id=”text”></textarea> 经常会定义onKeyPress=”keypress();”,并定义以下方法。 代码如下: var keypress = function(e){ var e = e || window.event;...
监听键盘上的删除键
09-11
标题"监听键盘上的删除键"所涉及的知识点，主要是如何捕获并自定义键盘的删除键（Delete Backward）行为。描述中提到的"runtime一小运用"暗示了我们可能需要使用Objective-C的运行时特性来实现这个功能。 首先，...
vue监听鼠标与键盘事件
帆酱的博客
06-19 3096
【代码】vue监听鼠标与键盘事件。
JS的事件监听
Raccon_的博客
12-13 3389
事件 鼠标事件 1.onclick 鼠标点击左键触发 2.onmouseover 鼠标经过触发 3.onmouseout 鼠标离开触发 4.onmousemove 鼠标移动触发 5.onmouseup 鼠标弹起触发 6.onmousedown 鼠标按下触发 7.onfocus 获得鼠标焦点触发 8.onblur 失去焦点触发 注册事件 1.传统方式on开头的事件 element.οnclick=function(){} 注：注册事件有唯一性 同一个元素同一个事件只能设置一个处理函数，最后
js鼠标点击事件监听
qx020814的博客
07-21 7639
将点击事件设置为f()函数返回的值，在函数中判断是否符合规定。鼠标在指定区域div中每移动一次就会更改数值。
js监听键盘点击事件
weixin_44785498的博客
07-19 1612
js监听键盘点击事件：keyCode、code
JavaScript原生实现事件监听及手动触发
qq_35134066的博客
07-30 1万+
我们有时候会需要通过js修改表单元素的状态, 因为不是通过页面交互而是js操作的, 所以不会触发我们写的监听事件.这时就需要通过js手动触发监听事件. jquery实现方法就是trigger('eventType') 原生实现: <input type="checkbox" id="chk"> document.querySelector('#chk').addEventListener('change', function() { console.log(this.chec
Vue页面监听键盘按键的多种方法
最新发布
一步一个脚印，踏实努力，向着目标前进
10-06 1万+
在Vue页面中，可以使用多种方法来监听键盘按键。@keydown@keyup
鼠标和键盘的控制，鼠标监听事件键盘监听事件
05-30
鼠标和键盘的控制可以通过JavaScript监听事件来实现。以下是一些常见的鼠标和键盘事件以及它们的用法： 鼠标事件： - click：当鼠标单击元素时触发。 - mouseover：当鼠标移动到元素上方时触发。 - mouseout：当鼠标从元素上方移开时触发。 - mousedown：当鼠标按下时触发。 - mouseup：当鼠标释放时触发。 键盘事件： - keydown：当用户按下键盘上的任何键时触发。 - keyup：当用户释放键盘上的任何键时触发。 - keypress：当用户按下键盘上的字符键时触发。 以下是一个示例代码，展示如何使用JavaScript监听鼠标和键盘事件： ```html <!DOCTYPE html> <html> <head> <title>Mouse and Keyboard Event Demo</title> <meta charset="UTF-8"> </head> <body> <div id="box">Move your mouse over me!</div> <input type="text" id="input" placeholder="Type something..."> <script> var box = document.getElementById('box'); var input = document.getElementById('input'); box.addEventListener('mouseover', function() { box.style.backgroundColor = 'yellow'; }); box.addEventListener('mouseout', function() { box.style.backgroundColor = ''; }); input.addEventListener('keydown', function(event) { console.log('Keydown: ' + event.key); }); input.addEventListener('keyup', function(event) { console.log('Keyup: ' + event.key); }); input.addEventListener('keypress', function(event) { console.log('Keypress: ' + event.key); }); </script> </body> </html> ``` 在这个示例中，我们监听了鼠标的mouseover和mouseout事件以及键盘的keydown、keyup和keypress事件，并在事件触发时执行相应的操作。你可以根据自己的需要修改事件监听和执行的操作，实现更加复杂的交互效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值