网页防止tab键的使用快速解决方法
更新时间：2013年11月07日 09:22:44 作者：
在弹出层后，tab键还可以在目页中操作，这回导致脚本错误。那么我们如果避免这种情况呢？下面小编就为大家介绍一下如何解决这个问题
在一些网页或者说在弹出层的使用下，一般情况在ie浏览器下 我们都不希望使用tab 或者说
使用tab键后都会造成一定的问题，例如：
在弹出层后，tab键还可以在目页中操作，这回导致脚本错误。
那么我们如果避免这种情况呢？
通过键盘事件来控制
复制代码 代码如下:
<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的上面
那么我们这时便需要在页面开始的时候 就设置初始化的页面焦点
例如下面用aspx写的例子：
<box:Button ID="BtnClose" Text="关闭" runat="server" SystemIcon="Close" TabIndex="0" FocusOnPageLoad="true">
</box:Button>
在一些特殊的情况下 我们需要在页面加载的时候设置一下焦点的位置，以便防止 tabindex的设置会出现无效 或受其他因素的影响.
这样才能做到万无一失！
相关文章
这篇文章主要为大家详细介绍了使用p5.js临摹动态图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
这篇文章主要为大家介绍了javascript函数进阶，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助<BR>2021-12-12
这篇文章主要介绍了Bootstrap选项卡与Masonry插件的完美结合的相关资料,需要的朋友可以参考下2016-07-07
这篇文章主要介绍了JS继承用法,实例分析了拷贝继承、类继承及原型继承等的使用技巧,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了JavaScript封装axios的实现，Axios是一个开放源代码库，使我们可以轻松地发出HTTP请求。 实际上，它是通过额外的超能力来fetch2022-09-09
这篇文章主要为大家详细介绍了countup.js实现数字动态叠加效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
转盘，也有一种说法叫抽奖转盘，大体上是由一块圆形的面板上面有很多的奖项设置，在圆形面板的前面，还有一根指针是固定的，下面，小编给大家分享手机端转盘抽奖，需要的朋友可以参考下2015-09-09
这篇文章主要介绍了JavaScript命令模式原理与用法,结合实例形式详细分析了JavaScript命令模式基本概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-03-03
这篇文章主要介绍了JavaScript函数执行、作用域链以及内存管理的知识，文章内容非常详细,对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
在JS中如何动态调用方法名，想必很多的朋友们都不会吧，下面为大家举例介绍下具体的调用方法2013-12-12
最新评论