快捷導(dǎo)航

jquery 回車事件實(shí)現(xiàn)代碼

更新時(shí)間：2011年08月23日 21:56:39 作者：

簡(jiǎn)單地記下jquery實(shí)現(xiàn)回車事件，學(xué)習(xí)jquery的朋友可以參考下。

例子，jquery鍵盤事件、回車鍵事件用法。

// 鍵盤事件
1、keydown()
keydown事件會(huì)在鍵盤按下時(shí)觸發(fā).

2、keyup()
keyup事件會(huì)在按鍵釋放時(shí)觸發(fā),也就是你按下鍵盤起來(lái)后的事件

3、keypress()
keypress事件會(huì)在敲擊按鍵時(shí)觸發(fā),我們可以理解為按下并抬起同一個(gè)按鍵

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

// 回車鍵事件 
// 綁定鍵盤按下事件  
   $(document).keypress(function(e) {  
    // 回車鍵事件  
       if(e.which == 13) {  
   jQuery(".confirmButton").click();  
       }  
   }); 
// 上下鍵事件 
$(document).keydown(function(event){  
  //判斷當(dāng)event.keyCode 為37時(shí)（即左方面鍵），執(zhí)行函數(shù)to_left();  
  //判斷當(dāng)event.keyCode 為39時(shí)（即右方面鍵），執(zhí)行函數(shù)to_right();  

  if(event.keyCode == 37){  
     to_left();   
  }else if (event.keyCode == 39){   
     to_right();   
  }   
}); 

說(shuō)明：由于瀏覽器鍵盤按下事件的不同，可能導(dǎo)致部分事件不能正常操作，所以推薦keydown事件進(jìn)行操作！

Jquery 監(jiān)視按鍵，按下回車鍵觸發(fā)某方法

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

 
<script type="text/javascript"> 
$(function () { 
$('input:text:first').focus(); //把焦點(diǎn)放在第一個(gè)文本框 
var $inp = $('input'); //所有的input元素 
$inp.keypress(function (e) { //這里給function一個(gè)事件參數(shù)命名為e，叫event也行，隨意的，e就是IE窗口發(fā)生的事件。 
var key = e.which; //e.which是按鍵的值 
if (key == 13) { 
alert("aaa"); 
} 
}); 
}); 

問(wèn)題：
拖了一個(gè)Login控件，然后給它轉(zhuǎn)化為template，用于自定義開(kāi)發(fā)。

下面的代碼中，我捕捉到了文本欄的回車按鍵，這時(shí)我要去觸發(fā)LoginButton來(lái)提交登錄信息進(jìn)行驗(yàn)證，可是我使用$("[id$=LoginButton]").click();只在firefox上有效，在IE無(wú)效，歪打正著的嘗試一下$("[id$=LoginButton]").focus(); ，這個(gè)可以在IE上起效，在IE上focus()即完成了對(duì)焦又執(zhí)行了點(diǎn)擊，不解啊。呵呵~

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

$inp.keypress(function (event) {
    var key = event.which;
    if (key == 13) {
        $("[id$=LoginButton]").click(); //支持firefox,IE武校
        //$('input:last').focus();
        $("[id$=LoginButton]").focus(); //支持IE，firefox無(wú)效。

//以上兩句實(shí)現(xiàn)既支持IE也支持 firefox
}
});

代碼如下：

全局：

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

 
$(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è)元素上。

您可能感興趣的文章: