网页防止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 相关文章推荐
PHPExcel中的一些常用方法汇总
Jan 23 Javascript
JavaScript中使用指数方法Math.exp()的简介
Jun 15 Javascript
jQuery下拉美化搜索表单效果代码分享
Aug 25 Javascript
解析浏览器端的AJAX缓存机制
Jun 21 Javascript
JavaScript简单下拉菜单特效
Sep 13 Javascript
jQuery下拉菜单的实现代码
Nov 03 Javascript
canvas实现粒子时钟效果
Feb 06 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
Apr 07 Javascript
关于定制FileField中的上传文件名称问题
Aug 22 Javascript
重学JS之显示强制类型转换详解
Jun 30 Javascript
关于layui导航栏不展示下拉列表的解决方法
Sep 25 Javascript
vue使用localStorage持久性存储实现评论列表
Apr 14 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
无线电波是什么?它是怎样传输的?
2021/03/01 无线电
php代码收集表单内容并写入文件的代码
2012/01/29 PHP
PHP将MySQL的查询结果转换为数组并用where拼接的示例
2016/05/13 PHP
PHP使用SMTP邮件服务器发送邮件示例
2018/08/28 PHP
很好用的js日历算法详细代码
2013/03/07 Javascript
javaScript面向对象继承方法经典实现
2013/08/20 Javascript
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
学习使用grunt来打包JavaScript和CSS程序的教程
2016/01/04 Javascript
javascript每日必学之循环
2016/02/19 Javascript
jQuery实现可展开折叠的导航效果示例
2016/09/12 Javascript
原生js封装的一些jquery方法(详解)
2016/09/20 Javascript
简单理解vue中track-by属性
2016/10/26 Javascript
详解堆的javascript实现方法
2016/11/29 Javascript
JavaScript常见的五种数组去重的方式
2016/12/15 Javascript
angularjs实现多张图片上传并预览功能
2017/02/24 Javascript
前端主流框架vue学习笔记第一篇
2017/07/26 Javascript
webpack中CommonsChunkPlugin详细教程(小结)
2017/11/09 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
Python上下文管理器和with块详解
2017/09/09 Python
python批量实现Word文件转换为PDF文件
2018/03/15 Python
python实现对文件中图片生成带标签的txt文件方法
2018/04/27 Python
python判断数字是否是超级素数幂
2018/09/27 Python
python实现简单名片管理系统
2018/11/30 Python
python实现对列表中的元素进行倒序打印
2019/11/23 Python
Python如何使用turtle库绘制图形
2020/02/26 Python
Python tkinter布局与按钮间距设置方式
2020/03/04 Python
使用keras实现densenet和Xception的模型融合
2020/05/23 Python
Bailey帽子官方商店:Bailey Hats
2018/09/25 全球购物
造价工程师个人求职信
2013/09/21 职场文书
自我评价怎么写正确呢?
2013/12/02 职场文书
入股协议书范本
2014/04/14 职场文书
委托函范文
2015/01/29 职场文书
婚庆主持词大全
2015/06/30 职场文书
2019新员工试用期转正工作总结范文
2019/08/21 职场文书
Mysql数据库表中为什么有索引却没有提高查询速度
2022/02/24 MySQL
开发微信小程序之WXSS样式教程
2022/04/18 HTML / CSS