DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery 監視按鍵,按下回車鍵觸發某方法的實現代碼
Jquery 監視按鍵,按下回車鍵觸發某方法的實現代碼
編輯: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 中使用鍵盤監聽事件(ssh)

. 代碼如下:
$(document).ready(function(){
  find();
$("#pageSize").bind("keyup",function(){find();});
    //設置鍵盤 監聽事件 也就是當你在該文本框中輸入值後 就立刻執行相對應的方法 這裡所表示的是 當你在文本框中輸入4 等 就會在頁面上顯示4條數據
   ("#pageSize:這是拿到標簽屬性id的值)
    ("keyup": 鍵盤監聽事件 值是固定的 不可以更改)
   (後面的function(){find();}:則是所要執行的方法)
$("#pageNo").bind("keyup",function(){find();});
   //設置鍵盤 監聽事件 也就是當你在該文本框中輸入值後 就立刻執行相對應的方法 這裡所表示的是 當你在文本框中輸入5 等 就會在頁面上顯示第五條頁
   alert(" find()");
同上
   });

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved