jQuery 绑定3种键盘事件 keypress(键盘键按下，功能键和中文不触发)，keydown(键盘键按下，所有键都触发)，keyup(键盘键松开)

女爷i 2023-10-05 09:29 10阅读 0赞

#### 1 keypress() ####

说明：当键盘键被按下时触发 keypress 事件，按特定的功能键和输入中文时不能触发。

语法：

$(selector).keypress(function1);

实例：

文本框绑定keypress事件，提示哪个键被按下。

$(function(){
        $("input[type=text]").each(function(){
            $(this).keypress(function(event){
                alert(event.which);
            });
        });
    });

注：

（1）不能触发keypress事件的功能键有Backspace键（退格键）、Alt键、Ctrl键、Shift键、大小写键、Esc键、Tab键、上下左右键。

（2）需要监听所有键请使用keydown事件。

#### 2 keydown() ####

说明：当键盘键被按下时触发 keydown 事件，按所有键都能触发。

语法：

$(selector).keydown(function1);

实例：

文本框绑定keydown事件，提示哪个键被按下。

$(function(){
        $("input[type=text]").each(function(){
            $(this).keydown(function(event){
                alert(event.which);
            });
        });
    });

#### 3 keyup() ####

说明：当键盘键被松开时触发 keyup 事件。

语法：

$(selector).keyup(function1);

实例：

文本框绑定keyup事件，提示哪个键被按过。

$(function(){
        $("input[type=text]").each(function(){
            $(this).keyup(function(event){
                alert(event.which);
            });
        });
    });

发表评论取消回复

表情：

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

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

相关阅读

相关 jQuery 绑定3种键盘事件 keypress(键盘键按下，功能键和中文不触发)，keydown(键盘键按下，所有键都触发)，keyup(键盘键松开)

1 keypress() 说明：当键盘键被按下时触发 keypress 事件，按特定的功能键和输入中文时不能触发。语法： $(selector).keypress(

女爷i/ 2023年10月05日 09:29/ 0 赞/ 11 阅读

相关 vue键盘事件：@keyup.down下方向键绑定事件

> @keyup.13 回车 > > @keyup.enter 回车 > > @keyup.left 左键 > > @keyup.right 右键 > > @keyup

逃离我推掉我的手/ 2023年10月02日 17:25/ 0 赞/ 46 阅读

相关前端 JavaScript -- 键盘按下松开事件

实现的主要功能：判断按下了哪个按键，可以实现部分内容输入文本框不显示通过判断按下键来条件输出return false； > 所有的注释都在html中，解释的很详细，我就不再一

悠悠/ 2022年10月29日 11:24/ 0 赞/ 272 阅读

相关【c#】键盘事件（keypress keydown keyup）

【前言】最近小编在学习c\视频的时候遇到了小小的阻力，对于键盘的keydown，keyup，keypress事件不是很理解，有一点小小的强迫症，让我们对他们

向右看齐/ 2022年07月14日 08:54/ 0 赞/ 421 阅读

相关键盘事件--按下键盘上的上下左右键会打印出来

package GUI; /键盘事件/ import java.awt.; import java.awt.event.; i

电玩女神/ 2022年05月09日 12:00/ 0 赞/ 235 阅读

相关 js键盘键值

keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13

╰半夏微凉°/ 2022年03月17日 15:00/ 0 赞/ 308 阅读

相关键盘键值一览表

<table> <tbody> <tr> <td style="border-color:0099cc;"> <p style="margin-left:0c

快来打我*/ 2022年03月12日 07:40/ 0 赞/ 494 阅读

相关键盘键和键盘键控制值一览表（键盘按键对应代码表）

http://blog.csdn.net/sunxiaosunxiao/article/details/7067412 字母 A 到 Z 和标准数字 0 到 9 下表列出了

待我称王封你为后i/ 2022年02月20日 09:07/ 0 赞/ 398 阅读

相关键盘删除键长按只能删除一个字符，因为开启了键盘筛选键功能，解决方法

开启或者关闭的方法是： 1、按Windows徽标键+U，点击键盘，如图：选择开启或关闭。 ![1222350-20171024093547035-154927464

偏执的太偏执、/ 2021年10月25日 11:57/ 1 赞/ 2122 阅读

相关 Jquery绑定Enter键触发事件

当我们在使用搜索功能时,输入搜索内容后,总希望向某些网站一样,点击enter键之后就自动触发搜索按钮,不用去手动点击.其实实现这一功能很简单。首先我们需要知道的是,ente

水深无声/ 2021年06月24日 14:37/ 0 赞/ 751 阅读