jquery键盘事件及keycode大全

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

一、键盘事件

1、keypress()事件

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

2、keydown()事件
?
当按钮被按下时,发生 keydown 事件。

3、keyup事件

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

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

//键盘操作示例

 $(‘.info textarea‘).keydown(function(event){
          if (event.keyCode == 13||event.keyCode ==108) {
                 alert(‘你按下了Enter键‘);
	  });
});

三、键盘对应的keycode大全

字母和数字键的键码值(keyCode)
 
数字键盘上的键的键码值(keyCode) 功能键键码值(keyCode)
 

控制键键码值(keyCode)
  

用jquery的键盘事件可以做些有趣的网页游戏还是挺使用的。

原文地址:https://www.cnblogs.com/xiaogou/p/11655693.html

时间: 2024-10-10 07:44:50

jquery键盘事件及keycode大全的相关文章

jQuery键盘事件 ctrl+Enter回车键提交表单

分享下jquery键盘事件的一些例子,个人感觉还不错,有空时多多研究. 键盘事件处理所有用户在键盘敲击的情况,不管在文本输入区域内部还是外部.键盘事件在不同的浏览器中作用的范围是不一样的,通常这种键盘事件可以作用于 Form元素,a标签元素,window ,document这样的元素上.在所有可以获得交点的元素上是可以触发键盘事件的,可以获得焦点的元素可以这样理解,在使用Tab键的时候可以跳跃到的元素就是可以使用键盘事件的元(在没有为这些元素设置tabindex属性值的情况下,当tabindex

jquery键盘事件全记录

很多时候,我们需要获取用户的键盘事件,下面就一起来看看jquery是如何操作键盘事件的. 一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键 二.获得键盘上对应的ascII码: 1 2 3 $(document).keydown(function(event){        

事件——键盘事件中keyCode、which和charCode 的兼容性

keyCode: IE.Chrome支持,在FF下,keyCode返回非字符按键的Unicode,如果是字符按键返回始终为0. which:   FF,Chrome支持:在IE下,which和charCode始终为undefined ,jquery方式下和keyCode值相同. charCode:   Chrome支持,在FF下,非字符键返回0,如果是字符按键返回Unicode <!DOCTYPE html> <html> <head> <title><

JavaScript&amp;jQuery.键盘事件

键盘事件 键盘事件,当用户操作键盘时发生. 常见的键盘事件有: input,当<input>或<textarea>元素的值发生变化时触发. keydonw,当用户按下键盘上的任意键时触发. keypress,当用户按下键盘上一个键并在屏幕上反映一个字符时触发. keyup,当用户松开键盘上一个键时触发. <html> <head> <title>TODO supply a title</title> <meta charset=

jquery键盘事件总结

在工作中在发现同事在写输入密码按键的相关js效果时,发现自己对于这块很是不了解,这几天特地了解了一下,进行以下总结: 一.首先要知道键盘事件的几个属性: 1.keydown():在键盘按下时触发. 2.keyup():是按下键盘起来后的事件. 3.keypress():在敲击按键时触发,我们可以理解为按下并抬起同一个按键. 二.获得键盘上对应的 ascII 码: //键码获取 $(document).keydown(function (event) { alert(event.keyCode);

jquery键盘事件

场景:当我们遇到onclick按钮事件时需要按回车执行时就用到了键盘监听事件 例如:<button id="sign_in_button" class="btn btn-lg btn-warning btn-block" style="opacity: 0.9" onclick="sign_in()">登 录</button> //监听事件 event参数是键盘事件监听 $(document).keyu

JS——事件详情(键盘事件:keyCode、ctrlKey...)

键盘事件 1>keyCode 1)keyCode方法——即:获取用户按下键盘所对应的键值 2)案例:键盘控制div移动 案例代码如下图: 2>其他属性 1)ctrlKey.shiftKey.altKey(这三个的用法相同) 用法:ctrlKey 事件属性可返回一个布尔值,指示当事件发生时,Ctrl 键是否被按下并保持住.若点击了ctrl键,则为true:反之则为false: 但,需要注意的是:alt键,因为是关联到计算机系统 本身的按键,所以建议少用altKey这个方法. 2)案例:提交留言

3-3 编程练习:jQuery键盘事件案例

3-3 编程练习 完善下面的代码,在input框中输入内容的时候同样显示在下面的p标签中 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>习题</title> </head> <body> <input type="text" value="

jquery 键盘事件 keypress() keydown() keyup()

事件的定义 完整的 key press 过程分为两个部分:1. 按键被按下:2. 按键被松开. 当按钮被按下时,发生 keydown 事件. keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数. 当按钮被松开时,发生 keyup 事件.它发生在当前获得焦点的元素上. keyup() 方法触发 keyup 事件,或规定当发生 keyup 事件时运行的函数. keypress 事件与 keydown 事件类似.当按钮被按下时,会发生该事件.它发生在当前