Jquery 監視按鍵,按下斷行符號鍵觸發某方法的實現代碼

來源:互聯網
上載者:User

複製代碼 代碼如下:
<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()");
同上
   });

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.