網(wǎng)頁(yè)防止tab鍵的使用快速解決方法
在一些網(wǎng)頁(yè)或者說(shuō)在彈出層的使用下,一般情況在ie瀏覽器下 我們都不希望使用tab 或者說(shuō)
使用tab鍵后都會(huì)造成一定的問(wèn)題,例如:
在彈出層后,tab鍵還可以在目頁(yè)中操作,這回導(dǎo)致腳本錯(cuò)誤。
那么我們?nèi)绻苊膺@種情況呢?
通過(guò)鍵盤(pán)事件來(lái)控制
<script language="javascript" type="text/javascript" src="../javascript/jquery-1.2.6.min.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$(document).bind('keydown', function (event) {
if (event.keyCode == 9) {
document.body.focus();
}
});
});
</script>
以上代碼很熟悉 就是按tab鍵的時(shí)候 將焦點(diǎn)再次移到tabindex為0的上面
那么我們這時(shí)便需要在頁(yè)面開(kāi)始的時(shí)候 就設(shè)置初始化的頁(yè)面焦點(diǎn)
例如下面用aspx寫(xiě)的例子:
<box:Button ID="BtnClose" Text="關(guān)閉" runat="server" SystemIcon="Close" TabIndex="0" FocusOnPageLoad="true">
</box:Button>
在一些特殊的情況下 我們需要在頁(yè)面加載的時(shí)候設(shè)置一下焦點(diǎn)的位置,以便防止 tabindex的設(shè)置會(huì)出現(xiàn)無(wú)效 或受其他因素的影響.
這樣才能做到萬(wàn)無(wú)一失!
相關(guān)文章
JavaScript中省略元素對(duì)數(shù)組長(zhǎng)度的影響
這篇文章主要介紹了JavaScript中省略元素對(duì)數(shù)組長(zhǎng)度的影響,本文給大家介紹的非常詳細(xì)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-10-10前端項(xiàng)目npm?install?安裝依賴(lài)報(bào)錯(cuò)的解決方案(三種問(wèn)題解決方案)
本文給大家介紹前端項(xiàng)目npm?install?安裝依賴(lài)報(bào)錯(cuò)的解決方案(三種問(wèn)題解決方案),給大家總結(jié)了前端項(xiàng)目安裝依賴(lài),遇到過(guò)的問(wèn)題,每一種問(wèn)題給大家完美解決方案,感興趣的朋友一起看看吧2023-12-12Javascript中call和apply函數(shù)的比較和使用實(shí)例
這篇文章主要介紹了Javascript中call和apply函數(shù)的比較和使用實(shí)例,本文試圖用更加清晰簡(jiǎn)單的思路來(lái)分析解釋這兩個(gè)函數(shù),需要的朋友可以參考下2015-02-02JavaScript實(shí)現(xiàn)基于Cookie的存儲(chǔ)類(lèi)實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)基于Cookie的存儲(chǔ)類(lèi),實(shí)例分析了javascript通過(guò)cookie實(shí)現(xiàn)數(shù)據(jù)存儲(chǔ)的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04JS刷新當(dāng)前頁(yè)面的幾種方法總結(jié)
本篇文章主要是對(duì)JS刷新當(dāng)前頁(yè)面的幾種方法進(jìn)行了詳細(xì)的總結(jié)介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12