快捷導(dǎo)航

Jquery 監(jiān)視按鍵，按下回車鍵觸發(fā)某方法的實(shí)現(xiàn)代碼

更新時(shí)間：2014年05月11日 11:40:17 作者：

這篇文章主要介紹了jquery監(jiān)視按鍵，當(dāng)按下回車鍵時(shí)觸發(fā)事件的一個(gè)例子，有需要的朋友可以參考下

<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");
    }
}); 
});

一個(gè)奇怪現(xià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();，在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
    }
});

Jquery 中使用鍵盤監(jiān)聽(tīng)事件（ssh）

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

$(document).ready(function(){
  find();
$("#pageSize").bind("keyup",function(){find();});
    //設(shè)置鍵盤 監(jiān)聽(tīng)事件 也就是當(dāng)你在該文本框中輸入值后 就立刻執(zhí)行相對(duì)應(yīng)的方法 這里所表示的是 當(dāng)你在文本框中輸入4 等 就會(huì)在頁(yè)面上顯示4條數(shù)據(jù)
   （"#pageSize：這是拿到標(biāo)簽屬性id的值）
    ("keyup": 鍵盤監(jiān)聽(tīng)事件 值是固定的 不可以更改)
   （后面的function(){find();}：則是所要執(zhí)行的方法）
$("#pageNo").bind("keyup",function(){find();});
   //設(shè)置鍵盤 監(jiān)聽(tīng)事件 也就是當(dāng)你在該文本框中輸入值后 就立刻執(zhí)行相對(duì)應(yīng)的方法 這里所表示的是 當(dāng)你在文本框中輸入5 等 就會(huì)在頁(yè)面上顯示第五條頁(yè) 
   alert(" find()");
同上
   });

您可能感興趣的文章: