首頁 > web前端 > js教程 > 主體

JS onkeypress相容性寫法詳解_javascript技巧

WBOY
發布: 2016-05-16 15:03:27
原創
1624 人瀏覽過

要求實現輸入密碼後按回車,觸發後台事件。看似十分簡單的需求,但卻碰到不少難題啊。

HTML內容中主要有一個密碼輸入文字框,還有一個按鈕,用來觸發後台事件。

1. TextBox文字方塊取得焦點後直接回車,頁面會刷新。
   經過程式碼仔細研究,原來是當頁面中只有一個文字方塊控制項時,當按下回車功能頁面將會刷新。
   處理方法:在頁面中加入一個隱藏的TextBox控制項。
   具體原理不明!

2. 用Jquery實作法:

 $(document).ready(function(){
  $("#tbPassword").focus();
  $('#bPassword').keydown(function(e){     
    if(e.keyCode == 13){ 
      $("#ctl00_ContentBody_btnAccept_linkButton")[0].click();
    }    
  });
  });
登入後複製

3. 因為種種原因不能採用Jquery的實作方法,只好改用JS,它的相容性就是一個最頭痛的問題了。

  document.getElementByIdx_x_x("tbPassword").onkeypress = function(event){
    var keynum;
    if(window.event) // IE
    {
     keynum = window.event.keyCode;
    }
    else if(event.which) // Netscape/Firefox/Opera
    {
     keynum = event.which;
    }
    
    if (keynum == 13)
      document.getElementByIdx_x_x('ctl00_ContentBody_btnAccept_linkButton').click();
  }

登入後複製

說明:

在IE下讀取鍵盤按鍵:

keynum = event.keyCode; // 字母d,keynum=100
    keychar = String.fromCharCode(keynum); // 将keynum转换成字符d

登入後複製

在FireFox中讀取鍵盤按鍵:   

 keynum = event.which; // 字母d,keynum=100
    keychar = String.fromCharCode(keynum); // 将keynum转换成字符d
登入後複製

如IE中,只有keyCode屬性,而FireFox中有which和charCode屬性,Opera中有keyCode和which屬性等。

因此,在Jquery中已經解決這種相容性問題。

以上就是本文的全部內容,希望對大家的學習有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!