快捷導(dǎo)航

jquery模擬按下回車實(shí)現(xiàn)代碼

更新時(shí)間：2011年09月20日 22:06:00 作者：

今天要實(shí)現(xiàn)一個(gè)回車事件，一開始用了 js 的方法，怎么都不行，原來JQuery有點(diǎn)不同于JS的，而且比起JS簡單多了

簡單地記下jquery實(shí)現(xiàn)回車事件，代碼如下：
全局：

 
$(function(){ 
document.onkeydown = function(e){ 
var ev = document.all ? window.event : e; 
if(ev.keyCode==13) { 
$('#FormId).submit();//處理事件 
} 
} 
}); 

某個(gè)控件：

復(fù)制代碼代碼如下:

 
$('#id').keydown(function(e){ 
if(e.keyCode==13){ 
$('#FormId).submit(); //處理事件 
} 
}); 
if (window.event.keyCode==13) window.event.keyCode=0 　　//這樣就取消回車鍵了 

如果想模擬Tab鍵，只要寫成　if (window.event.keyCode==13) window.event.keyCode=9 就行了，它會(huì)跳到另一個(gè)元素上。

眾所周知easyui 的Pagination中要想跳轉(zhuǎn)到某一頁，只需要輸入頁碼按ENTER就能達(dá)到效果。前段時(shí)間的項(xiàng)目客戶提出要求說想要輸入頁碼按一個(gè)GO的按鈕做跳轉(zhuǎn)。好吧，客戶是上帝，他們?cè)趺凑f我們這些程序猿只能盡自己所能來達(dá)到效果。如圖：

即：按下GO做輸入3按回車一樣的事情

而這個(gè)問題可以簡化為點(diǎn)擊一個(gè)a標(biāo)簽模擬Pagination頁碼輸入框按下回車但是這個(gè)事件是寫在jquery.easyui.min.js中,我們沒有辦法直接調(diào)用；通過chrome查詢到頁碼輸入框是

復(fù)制代碼代碼如下:

而后查看了JQUERY API 的 Event Object發(fā)現(xiàn) jquery有個(gè)trigger方法能夠觸發(fā)模擬的按鍵事件。直接上代碼

復(fù)制代碼代碼如下:

 
<script language="javascript" type="text/javascript"> 
$(document).ready(function () { 
$("#test").datagrid({ 
url: "/Test/Test1Data", 
type: "post", 
datatype: "json", 
width: 465, 
height: 280, 
loadMsg: "數(shù)據(jù)加載中，請(qǐng)稍后...", 
fitCloumns: true, 
nowrap: true, 
rownumbers: false, 
pagination: true, 
singleSelect: true, 
showFooter: true, 
columns: [[ 
{ field: 'testName', title: '測(cè)試名', width:230, editor: 'text'}, 
{field:'testValue',title:'測(cè)試值',width:230,align: 'center' } 
]] 
}); 
$("#test").datagrid('getPager').pagination({ 
showPageList: false, 
showRefresh: false, 
beforePageText: "第", 
afterPageText: "頁 <a href='javascript:void(0)' onclick='GoEnterPage()'><img src='/upload/201109/20110920220555970.gif'></a>，共{pages}頁", 
displayMsg: '當(dāng)前{from}到{to}條，總共{total}條' 
}); 
}); //上面代碼參數(shù)可以參看easyui的文檔 
function GoEnterPage() { 
var e = jQuery.Event("keydown");//模擬一個(gè)鍵盤事件 
e.keyCode = 13;//keyCode=13是回車 
$("input.pagination-num").trigger(e);//模擬頁碼框按下回車 
} 
</script> 