jquery 组合键键盘事件
2015-09-17 11:00
666 查看
jQuery处理键盘事件,比如小说网站中常见的按左右键来实现上一篇文章和下一篇文章,按ctrl+回车实现表单提交,google reader和有道阅读中的全快捷键操作...
本文讲述jQuery处理按键的原理和方法
jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是:
view source
print?
keydown()
keydown事件会在键盘按下时触发,可以在绑定的函数中欧能够返回false来防止触发浏览器的默认事件.
keyup()
keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件
keypress()
keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键
我们怎么才能获取我按下的是A还是Z还是回车按钮呢?
键盘事件可以传递一个参数event,其实说有的jQuery事件函数中都可以传递这么一个参数
view source
print?
上面代码中的,event.keyCode就可以帮助我们获取到我们按下了什么按键,他返回的是ascII码,比如说上下左右键,分别是38,40,37,39
如果我们要实现ctrl+Enter就是ctrl+回车提交表单
view source
print?
jQuery 键盘keyCode
本文讲述jQuery处理按键的原理和方法
jQuery处理键盘事件有三个函数,根据事件发生的顺序分别是:
view source
print?
1 | keydown(); |
2 | keyup(); |
3 | keypress(); |
keydown事件会在键盘按下时触发,可以在绑定的函数中欧能够返回false来防止触发浏览器的默认事件.
keyup()
keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件
keypress()
keypress事件会在敲击按键时触发,我们可以理解为按下并抬起同一个按键
我们怎么才能获取我按下的是A还是Z还是回车按钮呢?
键盘事件可以传递一个参数event,其实说有的jQuery事件函数中都可以传递这么一个参数
view source
print?
1 | $( 'input' ).keydown( function (event){ |
2 | alert(event.keyCode); |
3 | }); |
如果我们要实现ctrl+Enter就是ctrl+回车提交表单
view source
print?
1 | $(document).keypress( function (e) { |
2 | if (e.ctrlKey && e.which == 13) |
3 | $( "form" ).submit(); |
4 | }) |
相关文章推荐
- JQuery Ajax 在asp.net中使用总结
- jQuery下的Ajax调试步骤
- jQuery实现仿腾讯迷你首页选项卡效果代码
- jQuery Mobile
- 判断页面中是否引用jQuery
- jQuery实现仿美橙互联两级导航菜单效果完整实例
- $( function() {} );和$( function($) {} );和( function($){} )(jQuery);的异同
- JQuery 页面如何快速滚动到顶部?
- jquery scrollUp滚动到顶部
- JQuery日记6.5 Javascript异步模式(一)
- 用jQuery和PHP来实现微信转盘抽奖程序 附源代码
- 基于jquery的fileupload上传控件 带进度条、支持多上传、拖拽上传 下载即可用 十分强大 有图
- jquery未来元素绑定事件
- 几个Jquery对话框插件
- jquery 跳出each循环
- jQuery Colorbox插件
- jQuery对话框插件 ThickBox
- JQuery ajax请求一直返回Error(parsererror)
- jQuery实现仿美橙互联两级导航菜单效果完整实例
- jQuery实现仿腾讯迷你首页选项卡效果代码