网页防止tab键的使用快速解决方法


Posted in Javascript onNovember 07, 2013

在一些网页或者说在弹出层的使用下,一般情况在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的设置会出现无效 或受其他因素的影响.

这样才能做到万无一失!

Javascript 相关文章推荐
javascript的渐进增强与平稳退化浅谈
Nov 12 Javascript
关闭页面时window.location事件未执行的原因分析及解决方案
Sep 01 Javascript
javascript获取dom的下一个节点方法
Sep 05 Javascript
jquery动态分页效果堪比时光网
Sep 25 Javascript
JavaScript中isPrototypeOf函数作用和使用实例
Jun 01 Javascript
JavaScript与ActionScript3两者的同性与差异性
Sep 22 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
Feb 12 Javascript
jquery点赞功能实现代码 点个赞吧!
May 29 jQuery
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
详解javascript对数组和json数组的操作
Apr 15 Javascript
Layui动态生成select下拉选择框不显示的解决方法
Sep 24 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 Javascript
判断js中各种数据的类型方法之typeof与0bject.prototype.toString讲解
Nov 07 #Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
Nov 07 #Javascript
zTree插件之单选下拉菜单实例代码
Nov 07 #Javascript
jQuery把表单元素变为json对象
Nov 06 #Javascript
JQuery插件开发示例代码
Nov 06 #Javascript
javascript实现yield的方法
Nov 06 #Javascript
Javascript事件实例详解
Nov 06 #Javascript
You might like
深入Nginx + PHP 缓存详解
2013/07/11 PHP
PHP中的自动加载操作实现方法详解
2019/08/06 PHP
laravel-admin 中列表筛选方法
2019/10/03 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
在JavaScript中监听IME键盘输入事件
2011/05/29 Javascript
最简单的js图片切换效果实现代码
2011/09/24 Javascript
把文本中的URL地址转换为可点击链接的JavaScript、PHP自定义函数
2014/07/29 Javascript
jQuery实现文本框输入同步的方法
2015/06/20 Javascript
AngularJs表单验证实例详解
2016/05/30 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
2016/09/17 Javascript
JavaScript优化以及前段开发小技巧
2017/02/02 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
VUE实现表单元素双向绑定(总结)
2017/08/08 Javascript
redux-saga 初识和使用
2018/03/10 Javascript
Vue2.0点击切换类名改变样式的方法
2018/08/22 Javascript
说说如何在Vue.js中实现数字输入组件的方法
2019/01/08 Javascript
详解vue中axios的使用与封装
2019/03/20 Javascript
使用Vue CLI创建typescript项目的方法
2019/08/09 Javascript
layer弹出层自适应高度,垂直水平居中的实现
2019/09/16 Javascript
[32:30]夜魇凡尔赛茶话会 第一期01:谁是卧底
2021/03/11 DOTA
Python正则获取、过滤或者替换HTML标签的方法
2016/01/28 Python
将python安装信息加入注册表的示例
2019/11/20 Python
python打印异常信息的两种实现方式
2019/12/24 Python
Python super()方法原理详解
2020/03/31 Python
解决python运行启动报错问题
2020/06/01 Python
python实现快速文件格式批量转换的方法
2020/10/16 Python
布里斯班女装时尚品牌:Adrift
2017/12/28 全球购物
产品质量承诺书
2014/03/27 职场文书
医院党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
党校学习个人总结
2015/02/15 职场文书
小学生组织委员竞选稿
2015/11/21 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
2019大学生预备党员转正思想汇报
2019/06/21 职场文书
导游词之张家口
2019/12/13 职场文书
读《工匠精神》有感:热爱工作,精益求精
2019/12/28 职场文书
用基于python的appium爬取b站直播消费记录
2021/04/17 Python