網(wǎng)頁(yè)防止tab鍵的使用快速解決方法
更新時(shí)間：2013年11月07日 09:22:44 作者：
在彈出層后，tab鍵還可以在目頁(yè)中操作，這回導(dǎo)致腳本錯(cuò)誤。那么我們?nèi)绻苊膺@種情況呢？下面小編就為大家介紹一下如何解決這個(gè)問(wèn)題
在一些網(wǎng)頁(yè)或者說(shuō)在彈出層的使用下，一般情況在ie瀏覽器下 我們都不希望使用tab 或者說(shuō)
使用tab鍵后都會(huì)造成一定的問(wèn)題，例如：
在彈出層后，tab鍵還可以在目頁(yè)中操作，這回導(dǎo)致腳本錯(cuò)誤。
那么我們?nèi)绻苊膺@種情況呢？
通過(guò)鍵盤事件來(lái)控制
復(fù)制代碼 代碼如下:
<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è)面開始的時(shí)候 就設(shè)置初始化的頁(yè)面焦點(diǎn)
例如下面用aspx寫的例子：
<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)文章
這篇文章主要為大家詳細(xì)介紹了使用p5.js臨摹動(dòng)態(tài)圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要為大家介紹了javascript函數(shù)進(jìn)階，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助<BR>2021-12-12
Bootstrap選項(xiàng)卡與Masonry插件的完美結(jié)合
這篇文章主要介紹了Bootstrap選項(xiàng)卡與Masonry插件的完美結(jié)合的相關(guān)資料,需要的朋友可以參考下2016-07-07
這篇文章主要介紹了JS繼承用法,實(shí)例分析了拷貝繼承、類繼承及原型繼承等的使用技巧,需要的朋友可以參考下2015-02-02
JavaScript封裝axios的實(shí)現(xiàn)詳解
這篇文章主要介紹了JavaScript封裝axios的實(shí)現(xiàn)，Axios是一個(gè)開放源代碼庫(kù)，使我們可以輕松地發(fā)出HTTP請(qǐng)求。 實(shí)際上，它是通過(guò)額外的超能力來(lái)fetch2022-09-09
countup.js實(shí)現(xiàn)數(shù)字動(dòng)態(tài)疊加效果
這篇文章主要為大家詳細(xì)介紹了countup.js實(shí)現(xiàn)數(shù)字動(dòng)態(tài)疊加效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-10-10
轉(zhuǎn)盤，也有一種說(shuō)法叫抽獎(jiǎng)轉(zhuǎn)盤，大體上是由一塊圓形的面板上面有很多的獎(jiǎng)項(xiàng)設(shè)置，在圓形面板的前面，還有一根指針是固定的，下面，小編給大家分享手機(jī)端轉(zhuǎn)盤抽獎(jiǎng)，需要的朋友可以參考下2015-09-09
這篇文章主要介紹了JavaScript命令模式原理與用法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript命令模式基本概念、原理、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-03-03
JavaScript函數(shù)執(zhí)行、作用域鏈以及內(nèi)存管理詳解
這篇文章主要介紹了JavaScript函數(shù)執(zhí)行、作用域鏈以及內(nèi)存管理的知識(shí)，文章內(nèi)容非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
JS動(dòng)態(tài)調(diào)用方法名示例介紹
在JS中如何動(dòng)態(tài)調(diào)用方法名，想必很多的朋友們都不會(huì)吧，下面為大家舉例介紹下具體的調(diào)用方法2013-12-12