网页防止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 相关文章推荐
使用jQuery的将桌面应用程序引入浏览器
Nov 19 Javascript
jQuery中noConflict()用法实例分析
Feb 08 Javascript
常用DOM整理
Jun 16 Javascript
详解微信小程序——自定义圆形进度条
Dec 29 Javascript
Vue2递归组件实现树形菜单
Apr 10 Javascript
Vue组件中slot的用法
Jan 30 Javascript
浅析Angular19 自定义表单控件
Jan 31 Javascript
vue实现重置表单信息为空的方法
Sep 29 Javascript
js前端面试之同步与异步问题详解
Apr 03 Javascript
webpack的tree shaking的实现方法
Sep 18 Javascript
layui问题之模拟table表格中的选中按钮选中事件的方法
Sep 20 Javascript
使用JS location实现搜索框历史记录功能
Dec 23 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
如何做到多笔资料的同步
2006/10/09 PHP
form表单传递数组数据、php脚本接收的实例
2017/02/09 PHP
JavaScript 直接操作本地文件的实现代码
2009/12/01 Javascript
Jsonp 跨域的原理以及Jquery的解决方案
2010/05/18 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
2011/02/14 Javascript
Jquery实现列表(隔行换色,全选,鼠标滑过当前行)效果实例
2013/06/09 Javascript
javascript计时器事件使用详解
2014/01/07 Javascript
jquery 扑捉回车键事件代码
2014/04/24 Javascript
JavaScript检测上传文件大小的方法
2015/07/22 Javascript
js实现跨域访问的三种方法
2015/12/09 Javascript
javascript实现瀑布流动态加载图片原理
2016/08/12 Javascript
ComboBox(下拉列表框)通过url加载调用远程数据的方法
2017/08/06 Javascript
在NPM发布自己造的轮子的方法步骤
2019/03/09 Javascript
vue使用代理解决请求跨域问题详解
2019/07/24 Javascript
python中使用pyhook实现键盘监控的例子
2014/07/18 Python
Python调用C语言开发的共享库方法实例
2015/03/18 Python
在arcgis使用python脚本进行字段计算时是如何解决中文问题的
2015/10/18 Python
Face++ API实现手势识别系统设计
2018/11/21 Python
python中强大的format函数实例详解
2018/12/05 Python
Python列表对象实现原理详解
2019/07/01 Python
分享PyCharm的几个使用技巧
2019/11/10 Python
tensorflow 获取checkpoint中的变量列表实例
2020/02/11 Python
python 调整图片亮度的示例
2020/12/03 Python
各大浏览器 CSS3 和 HTML5 兼容速查表 图文
2010/04/01 HTML / CSS
世界上最大的售后摩托车零配件超市:J&P Cycles
2017/12/08 全球购物
金智子午JAVA面试题
2015/09/04 面试题
个人实用的自我评价范文
2013/11/23 职场文书
市场营销大学生职业规划书
2014/02/25 职场文书
2014学校庆三八妇女节活动总结
2014/03/01 职场文书
大学专科求职信
2014/07/02 职场文书
2015新年寄语大全
2014/12/08 职场文书
大学生年度个人总结
2015/02/15 职场文书
房地产置业顾问工作总结
2015/10/23 职场文书
2016八一建军节慰问信
2015/11/30 职场文书
浅谈Golang 嵌套 interface 的赋值问题
2021/04/29 Golang
Win10 heic文件怎么打开 ? Win10 heic文件打开教程
2022/04/06 数码科技