網(wǎng)頁防止tab鍵的使用快速解決方法
更新時間：2013年11月07日 09:22:44 作者：
在彈出層后，tab鍵還可以在目頁中操作，這回導致腳本錯誤。那么我們?nèi)绻苊膺@種情況呢？下面小編就為大家介紹一下如何解決這個問題
在一些網(wǎng)頁或者說在彈出層的使用下，一般情況在ie瀏覽器下 我們都不希望使用tab 或者說
使用tab鍵后都會造成一定的問題，例如：
在彈出層后，tab鍵還可以在目頁中操作，這回導致腳本錯誤。
那么我們?nè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鍵的時候 將焦點再次移到tabindex為0的上面
那么我們這時便需要在頁面開始的時候 就設(shè)置初始化的頁面焦點
例如下面用aspx寫的例子：
<box:Button ID="BtnClose" Text="關(guān)閉" runat="server" SystemIcon="Close" TabIndex="0" FocusOnPageLoad="true">
</box:Button>
在一些特殊的情況下 我們需要在頁面加載的時候設(shè)置一下焦點的位置，以便防止 tabindex的設(shè)置會出現(xiàn)無效 或受其他因素的影響.
這樣才能做到萬無一失！
相關(guān)文章
跟我學習javascript的全局變量，告訴大家三種避免全局變量的方法，感興趣的小伙伴們可以參考一下2015-11-11
本文給大家分享兩種方法來控制html元素的顯示和隱藏，分別利用html的style中兩個屬性，本文介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起看看吧2016-09-09
最近由于公司需要研究了一下微信小程序的開發(fā),特此記錄一下小程序獲取授權(quán)的流程,便于自己理解,下面這篇文章主要給大家介紹了關(guān)于如何通過大白話理解微信小程序獲取授權(quán)的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了JavaScript中省略元素對數(shù)組長度的影響,本文給大家介紹的非常詳細具有參考借鑒價值，需要的朋友可以參考下2016-10-10
前端項目npm?install?安裝依賴報錯的解決方案(三種問題解決方案)
本文給大家介紹前端項目npm?install?安裝依賴報錯的解決方案(三種問題解決方案)，給大家總結(jié)了前端項目安裝依賴,遇到過的問題,每一種問題給大家完美解決方案,感興趣的朋友一起看看吧2023-12-12
Javascript中call和apply函數(shù)的比較和使用實例
這篇文章主要介紹了Javascript中call和apply函數(shù)的比較和使用實例,本文試圖用更加清晰簡單的思路來分析解釋這兩個函數(shù),需要的朋友可以參考下2015-02-02
JavaScript實現(xiàn)基于Cookie的存儲類實例
這篇文章主要介紹了JavaScript實現(xiàn)基于Cookie的存儲類,實例分析了javascript通過cookie實現(xiàn)數(shù)據(jù)存儲的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
在多數(shù)情況下我們不需要判斷css文件是否加載成功了，但有些時間這個功能還是需要的，今天我來整理了兼容各種瀏覽器的判斷CSS文件加載完畢實現(xiàn)方法與各位分享2014-01-01
這篇文章主要是對Javascript對象屬性方法進行了詳細的匯總介紹。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
本篇文章主要是對JS刷新當前頁面的幾種方法進行了詳細的總結(jié)介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12