Jquery 監視按鍵，按下回車鍵觸發某方法

<script type="text/javascript">
$(function () {

 

$('input:text:first').focus(); //把焦點放在第一個文本框

 

var $inp = $('input'); //所有的input元素
$inp.keypress(function (e) { //這里給function一個事件參數命名為e，叫event也行，隨意的，e就是IE窗口發生的事件。
    var key = e.which; //e.which是按鍵的值
    if (key == 13) {
        alert("aaa");
    }
});

});

一個奇怪現象：

我拖了一個Login控件，然后給它轉化為template，用於自定義開發。

下面的代碼中，我捕捉到了文本欄的回車按鍵，這時我要去觸發LoginButton來提交登錄信息進行驗證，可是我使用$("[id$=LoginButton]").click();只在firefox上有效，在IE無效，歪打正着的嘗試一下$("[id$=LoginButton]").focus();  ，這個可以在IE上起效，在IE上focus()即完成了對焦又執行了點擊，不解啊。呵呵~

 

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

//以上兩句實現既支持IE也支持 firefox
    }
});

 

參考文章：

利用Jquery實現鍵盤按鍵監聽

jquery 按鍵盤上的enter事件

（贊）系統默認情況下，使用Tab按鍵切換頁面元素的焦點，有沒有想過回車鍵Enter也可以實現這種功能，並且具有良好的用戶體驗…

 

如何防止回車（enter）鍵提交表單 (所有按鍵對應的值)
原文地址：http://www.phplover.cn/post/ruhefangzhienterjiantijiaobiaodan.html