jQuery事件之键盘事件

一、首先需要知道的是: 
1、keydown() 
keydown事件会在键盘按下时触发. 
2、keyup() 
keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 
3、keypress() 
keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键

二、获得键盘上对应的ascII码: 
$(document).keydown(function(event){ 
alert(event.keyCode); 
});

$tips: 上面例子中,event.keyCode就可以帮助我们获取到我们按下了键盘上的什么按键,他返回的是ascII码,比如说上下左右键,分别是38,40,37,39;

一开始用的是keypress,可这个在chrome下面的时候不起作用,后来用keyup来做就可以了,jquery中获取键盘按键,可以使用which属性来获取按键的值,但是,不是所有的按键事件都能被捕获到其按键值(keyup,keypress,keydown),经过测试,只有keyup事件才能在够被几乎所有的浏览器捕获按键值,keydown在IE6中不起作用。

测试浏览器:IE6/IE7/IE8,FireFox,Chrome,Opera

$(document).keyup(function(e){
        var key =  e.which;
        if(key == 27){

alert(‘按下了ESC键,关闭弹出层‘);
        }
    });

或者(这个只在:IE8,FireFox,Chrome测试过)

$(document).keyup(function(e){

if (e.keyCode == 27) 
    {
        alert(‘按下了ESC键,关闭弹出层‘);
    }

})

jQuery事件之键盘事件,布布扣,bubuko.com

时间: 2024-10-08 10:19:51

jQuery事件之键盘事件的相关文章

基于OpenGL编写一个简易的2D渲染框架-07 鼠标事件和键盘事件

这次为程序添加鼠标事件和键盘事件 当检测到鼠标事件和键盘事件的信息时,捕获其信息并将信息传送到需要信息的对象处理.为此,需要一个可以分派信息的对象,这个对象能够正确的把信息交到正确的对象. 实现思路: 要实现以上的功能,需要几个对象: 事件分派器:EventDispatcher,负责将 BaseEvent 分派给 EventListener 对象 事件监听器:EventListener,这只是一个接口类,接受 BaseEvent 的对象,真正的处理在它的子类中实现 事件:BaseEvent,储存

jQuery基础(鼠标事件,表单事件,键盘事件,自定义事件 篇)

1.jQuery鼠标事件之click与dbclick事件 方法一:$ele.click()(不带参数) <div id="test">点击触发<div> $("ele").click(function(){ alert('触发指定事件') }) $("#test").click(function(){ $("ele").click() //手动指定触发事件 });   方法二:$ele.click( h

jquery 组合键键盘事件

jQuery处理键盘事件,比如小说网站中常见的按左右键来实现上一篇文章和下一篇文章,按ctrl+回车实现表单提交,google reader和有道阅读中的全快捷键操作... 本文讲述jQuery处理按键的原理和方法 jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是: view source print? 1 keydown(); 2 keyup(); 3 keypress(); keydown() keydown事件会在键盘按下时触发,可以在绑定的函数中欧能够返回false来防止触发

JQuery中如何处理键盘事件

背景:比如在页面中,敲击回车键以后,实现登录功能,在之前的Winform开发时,也遇到过处理键盘事件的功能,比如游戏软件中,上下左右的移动等. 代码如下: 1 $(document).keydown(function (event) { 2 if (event.keyCode == 13) 3 { 4 alert('OK'); 5 //$("#btn1").click(); 6 } 7 }); 上面代码的功能是,在页面上任意位置,敲击回车,弹出‘OK’的消息框.

jQuery-3.事件篇---键盘事件

jQuery键盘事件之keydown()与keyup()事件 鼠标有mousedown,mouseup之类的事件,这是根据人的手势动作分解的2个触发行为.相对应的键盘也有这类事件,将用户行为分解成2个动作,键盘按下与松手,针对这样的2种动作,jQuery分别提供了对应keydown与keyup方法来监听 keydown事件: 当用户在一个元素上第一次按下键盘上字母键的时候,就会触发它.使用上非常简单,与基本事件参数处理保持一致,这里使用不在重复了,列出使用的方法 //直接绑定事件 $elem.k

JavaScript的事件_键盘事件的处理函数与HTML事件的处理函数

一.键盘事件的处理函数 1.keydown:当用户按下键盘上任意键触发,如果按住不放,会重复触发. <script type="text/javascript"> window.onload = function(){ onkeydown = function () {//不需要对象调用 alert('Lee'); }; } </script> </head> <body> <input type="button"

【selemium自动化——鼠标事件和键盘事件】

一.[鼠标事件] 关于鼠标的操作包含在ActionChains 类中. ActionChains 类鼠标操作的常用方法: context_click() 右击 double_click() 双击drag_and_drop() 拖动move_to_element() 鼠标悬停在一个元素上click_and_hold() 按下鼠标左键在一个元素上 代码示例: #引入ActionChains 类 from selenium.webdriver.common.action_chains import A

selenium鼠标事件与键盘事件

鼠标事件,包含在ActionChains类中,常用方法如下: context_click() 右击double_click() 双击drag_and_drop() 拖动move_to_element() 鼠标悬停在一个元素上click_and_hold() 按下鼠标左键在一个元素上不放 键盘事件,包含在Keys类中,常用方法如下: send_keys(Keys.BACK_SPACE) 删除键(BackSpace)send_keys(Keys.SPACE) 空格键(Space)send_keys(

DOM事件处理程序-事件对象-键盘事件

事件流: 事件流--描述的是从页面中接受事件的顺序 IE  ---事件冒泡流:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档). Netscape  ---事件捕获流:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件. 使用事件处理程序: 1. HTML事件处理程序 <input type="button" value="按钮" id="btn" onclick=&q