jQuery绑定键盘事件

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

雪影工作室版权所有，转载请注明【http://blog.csdn.net/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;}
		});