作者：lina791211-----感谢作者！！

1、前言

Jquery绑定各种键盘输入事件。

　　键值获取：http://blog.csdn.net/lina791211/article/details/36025571

2、绑定回车键

input输入框绑定回车响应（提交数据）

<span>
<pre name="code" class="html" style="font-size: 18px; line-height: 26px;"><span style="font-family: Arial;"></span><pre name="code" class="html" style="font-size: 18px; line-height: 26px;">  <span style="font-family: Arial;"><input class="typeahead" type="text" id="textfield" placeholder="请输入搜索关键词" style="margin-top: 10px;width: 410px"></span>

</span>

<span><button type="button" class="btn_search btn_search_primary" id="simpleSearchButton"  style="top:0;margin-top: -3px">搜   索</button>
</span>

        /*监听输入框的回车操作*/$('#keyword').bind('keypress',function(event){if(event.keyCode == "13") $('#simpleSearchButton').click();});

3、button绑定click事件并提交数据

     $('#simpleSearchButton').click(function(){var _k = $('#textfield').val();var url = '';if(_k==null || _k==""){//url = encodeURI('<%=path%>/');return;}else{url = encodeURI('<%=path%>/search.jsp?keyword=' + _k);}url = encodeURI(url);window.open(url,'_self');});

4、页面绑定键盘左键、右键进行翻页

<div id="search_paging"><div class="gigantic pagination"><a href="#" class="first" data-action="first">«</a><a href="#" class="previous" data-action="previous">‹</a><input class='current' id='c_page' type="text"  value="Page 10 of 10"/><a href="#" class="next" data-action="next">›</a><a href="#" class="last" data-action="last">»</a></div>
</div>

        /*监听键盘上左右键的点击*/$(document).keydown(function(event){<span style="white-space:pre">       </span>if(event.which == "37") {  $(".previous").click(); return;}<span style="white-space:pre">       </span>if(event.which == "39") {  $(".next").click(); return;}});

jQuery绑定键盘事件相关推荐

jquery实现上下左右键盘监听_基于 jQuery 实现键盘事件监听控件
最近项目里要做一个画板,需要对键盘事件进行监听,来进行诸如撤回.重做.移动.缩放等操作,因此顺手实现了一个键盘事件监听控件,期间略有收获,整理出来,希望对大家有所帮助,更希望能获得高手的指点. 1. ...
jQuery绑定enter事件
有时我们写jQuery绑定按钮事件时,执行成功后却发现,习惯性地按下"Enter"键不能提交?是不是我们要重新将"绑定按钮事件"再写一遍成"绑定ent ...
JavaScript绑定键盘事件的多种写法
使用JavaScript来绑定键盘事件时,有多种写法,而他们的实现效果实际上是等价的,下面一一来列举. 方式一: function keyboard() {document.onkeydown = f ...
jquery绑定的事件对ajax刷新出的数据不生效，on可能受jquery版本影响
问题:jquery绑定的事件对ajax刷新出的数据不生效方法:可以用 jquery 里面的 on 和 delegate 预绑定父元素就可以触发的. 注意:某些限制下,个人用的是jquery 1.4 ...
正确绑定键盘事件_事件为何重要以及如何正确处理
正确绑定键盘事件玛丽娜·佩奇 ( Marina Paych )在她的生日那天离开了一个非政府组织,开始了IT行业的新起点时,她是开源软件的新来者. 但是真正的惊喜竟然是开源. 快进两年了,这个组织发 ...
详解在vue项目当中绑定键盘事件
在vue项目当中,有时会遇到为文本输入框或者button按钮绑定键盘事件,最常见的就是enter回车事件. 按照vue官网给出的方法是: v-on:keyup.enter 简写: @keyup.ent ...
vue绑定键盘事件 ctrl+enter触发事件
公司项目(vue+element)有个需求,是在一个input输入内容后按下Enter键进行搜索查询,查询到得数据显示在表格,勾选表格的选中的数据进行提交(提交按钮的快捷键是Ctrl+Enter键盘) ...
jQuery绑定一次性事件和注销事件
绑定一次性事件 one()是on()的一个特例,用法与bind()完全相同,但是他绑定的事件在执行一次响应之后就会失效.用法如下: one(event,[data],dunction) 参数说明如下: ...
vue绑定键盘事件无效问题，vue绑定键盘delete事件示例，组合键绑定
项目有个需求,点击某个组件,按delete健后删除,于是乎第一就是想到了键盘事件 @keyup.delete='deleteKeyup(e)' 可是按delete键试了半天都没反应,加了.native ...

jQuery绑定键盘事件

1、前言

2、绑定回车键

3、button绑定click事件并提交数据

4、页面绑定键盘左键、右键进行翻页

jQuery绑定键盘事件相关推荐

最新文章

热门文章