jquery键盘事件及keycode大全

冷不防 2021-06-26 16:06 498阅读 0赞

jquery的键盘事件分为`keypress`、`keydown`和`keyup`事件

## 一、键盘事件 ##

1、`keypress()`事件

`keypress` 当按钮被按下时，会发生该事件，我们可以理解为按下并抬起同一个按键。

2、`keydown()`事件

当按钮被按下时，发生 `keydown` 事件。

3、`keyup`事件

`keyup` 事件会在按键释放时触发，也就是你按下键盘起来后的事件

## 二、通过键盘事件可以进行相应操作 ##

//键盘操作
    var docu = document.getElementsByTagName('document');
    
    docu.onkeydown = function(event) { 
        if (event.keyCode == 116) { 
            event.preventDefault();
            window.history.go( - 1); //返回上一页 
        }
    }
    
    $(document).keydown(function(event) { 
        if (event.ctrlKey && event.keyCode == 13) { 
            alert('Ctrl+Enter');
        };
        switch (event.keyCode) { 
        case 37:
            alert('方向键-左');
            break;
        case 39:
            alert('方向键-右');
            break;
        };
        return false;
    });

## 三、键盘对应的`keycode`大全 ##

![在这里插入图片描述][20190428215644137.png]  
![在这里插入图片描述][20190428215718263.png]![在这里插入图片描述][20190428215804614.png]

[20190428215644137.png]: /images/20210626/ce01b52da52b47feb41aabb835c38425.png
[20190428215718263.png]: https://img-blog.csdnimg.cn/20190428215718263.png
[20190428215804614.png]: https://img-blog.csdnimg.cn/20190428215804614.png

发表评论取消回复

表情：

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

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

相关阅读

相关【JQuery_事件】事件_语法_键盘事件_鼠标事件_

0.事件 0.0 事件四要素 1. 事件源 2. 事件绑定处理函数 3. 查找修改元素 4. 修改元素 0.0.0事件源 document

ゞ浴缸里的玫瑰/ 2024年04月03日 10:16/ 0 赞/ 94 阅读

相关 linux 键盘码,Linux_Javascript keyCode键盘键码值表，keycode 0 = 　　keycode 1 = 　　ke - phpStudy...

Javascript keyCode键盘键码值表 keycode 0 = keycode 1 = keycode 2 = keycode 3 = keycode 4

落日映苍穹つ/ 2022年10月20日 12:18/ 0 赞/ 416 阅读

相关 js keycode大全

event.keycode大全(javascript) keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab k

刺骨的言语ヽ痛彻心扉/ 2022年08月20日 11:18/ 0 赞/ 170 阅读

相关 jQuery的键盘事件

API： jQueryObject.keydown( \[\[ data ,\] handler \] ) <table style="margin:1.5em 0px

待我称王封你为后i/ 2022年06月17日 04:00/ 0 赞/ 245 阅读

相关 event.keycode值大全

event.keycode值大全，方便自己和大家以后查阅： ![ExpandedBlockStart.gif][]  1![None.gif][]

向右看齐/ 2022年05月29日 07:47/ 0 赞/ 205 阅读

相关 jquery事件api大全

不多说，直接上图，详情请见下图。 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG

素颜马尾好姑娘i/ 2022年05月03日 07:28/ 0 赞/ 251 阅读

相关 js监听键盘事件的keycode大全

监听回车例子 <script type="text/javascript"> $(function(){ $(documen

￡神魔★判官ぃ/ 2022年01月10日 09:05/ 0 赞/ 503 阅读

相关 JS中键盘事件及keyCode对照表

一.Keycode对照表 ![20180601153357278][] ![20180601153406667][] 二.键盘事件 1.键盘事件：完整的 k

小灰灰/ 2021年09月15日 12:42/ 0 赞/ 688 阅读

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

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

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

相关 jquery键盘事件及keycode大全

jquery的键盘事件分为`keypress`、`keydown`和`keyup`事件一、键盘事件 1、`keypress()`事件 `keypress` 当按钮被

冷不防/ 2021年06月26日 16:06/ 0 赞/ 499 阅读