网页防止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有关的小细节
Apr 02 Javascript
setTimeout与setInterval在不同浏览器下的差异
Jan 24 Javascript
jquery获取特定name所有选中的checkbox,支持IE9标准模式
Mar 18 Javascript
百度地图自定义控件分享
Mar 04 Javascript
JavaScript实现随机替换图片的方法
Apr 16 Javascript
js过滤HTML标签完整实例
Nov 26 Javascript
JavaScript提升性能的常用技巧总结【经典】
Jun 20 Javascript
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
May 08 jQuery
mock.js模拟数据实现前后端分离
Jul 24 Javascript
微信小程序绘制图片发送朋友圈
Jul 25 Javascript
原生JS封装拖动验证滑块的实现代码示例
Jun 01 Javascript
Vue用mixin合并重复代码的实现
Nov 27 Vue.js
判断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
利用js调用后台php进行数据处理原码
2006/10/09 PHP
最令PHP初学者们头痛的十四个问题
2007/01/15 PHP
浅谈php中mysql与mysqli的区别分析
2013/06/10 PHP
PHP面向对象继承用法详解(优化与减少代码重复)
2016/12/02 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
php使用mysqli和pdo扩展,测试对比连接mysql数据库的效率完整示例
2019/05/09 PHP
JavaScript 滚轮事件使用说明
2010/03/07 Javascript
JS request函数 用来获取url参数
2010/05/17 Javascript
jquery多浏览器捕捉回车事件代码
2010/06/22 Javascript
JS弹出新窗口被拦截的解决方法
2016/08/09 Javascript
js 定位到某个锚点的方法
2016/11/19 Javascript
JS异步文件分片断点上传的实现思路
2016/12/25 Javascript
Vue2学习笔记之请求数据交互vue-resource
2017/02/23 Javascript
javascript防篡改对象实例详解
2017/04/10 Javascript
vue数组对象排序的实现代码
2018/06/20 Javascript
用node.js写一个jenkins发版脚本
2019/05/21 Javascript
通过Nodejs搭建网站简单实现注册登录流程
2019/06/14 NodeJs
微信小程序中button去除默认的边框实例代码
2019/08/01 Javascript
vue3修改link标签默认icon无效问题详解
2019/10/09 Javascript
Vue如何实现验证码输入交互
2020/12/07 Vue.js
[02:32]DOTA2英雄基础教程 祸乱之源
2013/12/23 DOTA
Python中的元类编程入门指引
2015/04/15 Python
Windows 安装 Anaconda3+PyCharm的方法步骤
2019/06/13 Python
python3实现二叉树的遍历与递归算法解析(小结)
2019/07/03 Python
利用Python中的Xpath实现一个在线汇率转换器
2020/09/09 Python
重构Python代码的六个实例
2020/11/25 Python
Hotels.com南非:酒店预订
2017/11/02 全球购物
求最大连续递增数字串(如"ads3sl456789DF3456ld345AA"中的"456789")
2015/09/11 面试题
入学申请自荐信范文
2014/02/26 职场文书
六年级学生评语
2014/04/22 职场文书
2014年学校后勤工作总结
2014/12/06 职场文书
慰问信范文
2015/02/14 职场文书
个人维稳承诺书
2015/05/04 职场文书
七年级上册生物的课件
2019/08/07 职场文书
opencv 分类白天与夜景视频的方法
2021/06/05 Python
使用qt quick-ListView仿微信好友列表和聊天列表的示例代码
2021/06/13 Python