JS onkeypress兼容性寫法詳解
要求實(shí)現(xiàn)輸入密碼后按回車，觸發(fā)后臺(tái)事件?？此剖趾唵蔚男枨?，可是卻碰到不少難題啊。
HTML內(nèi)容中主要有一個(gè)密碼輸入文本框，還有一個(gè)按鈕，用來觸發(fā)后臺(tái)事件。
1. TextBox文本框獲得焦點(diǎn)后直接回車，頁面會(huì)刷新。
經(jīng)過代碼仔細(xì)研究，原來是當(dāng)頁面中只有一個(gè)文本框控件時(shí)，當(dāng)按回車健頁面將刷新。
處理方法：在頁面中加入一個(gè)隱藏的TextBox控件。
具體原理不明！
2. 用Jquery實(shí)現(xiàn)方法：
$(document).ready(function(){
$("#tbPassword").focus();
$('#bPassword').keydown(function(e){
if(e.keyCode == 13){
$("#ctl00_ContentBody_btnAccept_linkButton")[0].click();
}
});
});
3. 因?yàn)榉N種原因不能采用Jquery的實(shí)現(xiàn)方法，只好改用JS，它的兼容性就是一個(gè)最頭疼的問題了。
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轉(zhuǎn)換成字符d
在FireFox中讀取鍵盤按鍵：
keynum = event.which; // 字母d,keynum=100
keychar = String.fromCharCode(keynum); // 將keynum轉(zhuǎn)換成字符d
如IE中，只有keyCode屬性，而FireFox中有which和charCode屬性，Opera中有keyCode和which屬性等。
因此，在Jquery中已經(jīng)解決這種兼容性問題。
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助。
相關(guān)文章
uniapp實(shí)現(xiàn)微信小程序支付(前端)詳細(xì)代碼
這篇文章主要給大家介紹了關(guān)于uniapp實(shí)現(xiàn)微信小程序支付(前端)的相關(guān)資料,發(fā)現(xiàn)網(wǎng)上教程很多,單只針對(duì)小程序的簡單清晰的流程卻很少,文字通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07
js命名應(yīng)遵循簡潔、語義化的原則,下面這篇文章主要給大家介紹了關(guān)于JavaScript命名約定的最佳實(shí)踐指南,文中通過示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
uni-app打開外部鏈接方式總結(jié)(h5和app)
uni-app在app和h5中跳轉(zhuǎn)至外部鏈接的方式有所不同,需要進(jìn)行條件編譯,下面這篇文章主要給大家介紹了關(guān)于uni-app打開外部鏈接方式(h5和app)的相關(guān)資料,文章通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-02-02
純JavaScript實(shí)現(xiàn)獲取onclick、onchange等事件的值
這篇文章主要介紹了JavaScript獲取onclick、onchange等事件的值的方法,需要的朋友可以參考下2014-12-12
在JavaScript中驗(yàn)證URL的新方法(2023版)
在JavaScript領(lǐng)域,URL 驗(yàn)證方面有了新消息！多年來,人們一直在討論JavaScript沒有一種簡便的方法來驗(yàn)證 URL,現(xiàn)在有了一種新方法URL.canParse(),需要的朋友可以參考下2023-09-09
JavaScript實(shí)現(xiàn)簡單打地鼠游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡單打地鼠游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-10-10
函數(shù)式編程是一種編程范式,將整個(gè)程序都由函數(shù)調(diào)用以及函數(shù)組合構(gòu)成。 可以看成一條流水線,數(shù)據(jù)可以不斷地從一個(gè)函數(shù)的輸出流入另一個(gè)函數(shù)的輸入,最后輸出結(jié)果2022-10-10
JS實(shí)現(xiàn)水平移動(dòng)與垂直移動(dòng)動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)水平移動(dòng)與垂直移動(dòng)動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了js如何實(shí)現(xiàn)元素曝光上報(bào)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
js實(shí)現(xiàn)文字跟隨鼠標(biāo)移動(dòng)而移動(dòng)的方法
這篇文章主要介紹了js實(shí)現(xiàn)文字跟隨鼠標(biāo)移動(dòng)而移動(dòng)的方法,實(shí)例分析了javascript處理鼠標(biāo)事件及文字特效的技巧,需要的朋友可以參考下2015-02-02