网页防止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 相关文章推荐
(function(){})()的用法与优点
Mar 11 Javascript
JavaScript Object的extend是一个常用的功能
Dec 02 Javascript
jquery的$(document).ready()和onload的加载顺序
May 26 Javascript
iframe实用操作锦集
Apr 22 Javascript
JavaScript使用二分查找算法在数组中查找数据的方法
Apr 07 Javascript
jQuery处理XML文件的几种方法
Jun 14 Javascript
jQuery模拟select实现下拉菜单功能
Jun 20 Javascript
JS简单判断字符在另一个字符串中出现次数的2种常用方法
Apr 20 Javascript
自定义事件解决重复请求BUG的问题
Jul 11 Javascript
解决layer.open后laydate失效的问题
Sep 06 Javascript
layui的表单提交以及验证和修改弹框的实例
Sep 09 Javascript
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Apr 20 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
thinkphp3.0 模板中函数的使用
2012/11/13 PHP
php判断手机访问还是电脑访问示例分享
2014/01/20 PHP
windows7下安装php的php-ssh2扩展教程
2014/07/04 PHP
WordPress中获取页面链接和标题的相关PHP函数用法解析
2015/12/17 PHP
浅谈PHP链表数据结构(单链表)
2016/06/08 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
PHP反射机制原理与用法详解
2017/02/15 PHP
短信提示使用 特效
2007/01/19 Javascript
dojo 之基础篇(二)之从服务器读取数据
2007/03/24 Javascript
js更优雅的兼容
2010/08/12 Javascript
固定表格行列(expression)在IE下适用
2013/07/25 Javascript
uploadify在Firefox下丢失session问题的解决方法
2013/08/07 Javascript
JavaScript弹出新窗口后向父窗口输出内容的方法
2015/04/06 Javascript
简介JavaScript中的push()方法的使用
2015/06/09 Javascript
鼠标悬停小图标显示大图标
2016/01/22 Javascript
jQuery+Ajax实现限制查询间隔的方法
2016/06/07 Javascript
js实现移动端编辑添加地址【模仿京东】
2017/04/28 Javascript
vue高德地图之玩转周边
2017/06/16 Javascript
js实现鼠标拖拽多选功能示例
2017/08/01 Javascript
Vue 动态设置路由参数的案例分析
2018/04/24 Javascript
小程序实现选择题选择效果
2018/11/04 Javascript
Vue框架TypeScript装饰器使用指南小结
2019/02/18 Javascript
微信小程序实现卡片左右滑动效果的示例代码
2019/05/01 Javascript
详解Vue 如何监听Array的变化
2019/06/06 Javascript
jquery检测上传文件大小示例
2020/04/26 jQuery
让你30分钟快速掌握vue3教程
2020/10/26 Javascript
antdesign-vue结合sortablejs实现两个table相互拖拽排序功能
2021/01/08 Vue.js
windows下python模拟鼠标点击和键盘输示例
2014/02/28 Python
使用优化器来提升Python程序的执行效率的教程
2015/04/02 Python
简单介绍Python中的floor()方法
2015/05/15 Python
python re模块findall()函数实例解析
2018/01/19 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
Ray-Ban雷朋瑞典官方网站:全球领先的太阳眼镜品牌
2019/08/22 全球购物
中学运动会广播稿
2014/01/19 职场文书
2014年班组建设工作总结
2014/12/01 职场文书
后勤个人工作总结
2015/02/28 职场文书