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

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

这样才能做到万无一失！

赞 (0)

相关推荐

  • javascript禁用Tab键脚本实例

    代码如下: 复制代码 代码如下: function HandleTabKey(evt) {        if (evt.keyCode == 9) {             if (evt.preventDefault) { evt.preventDefault(); }            else { evt.returnValue = false; }        }    } 在IE 6.IE 7.IE 8.FireFox.Chrome中测试通过.

  • 解析php中eclipse 用空格替换 tab键

    本人用eclipse进行PHP项目开发,根据公司开发规范,要用4个空格替换掉tab键,在网上搜了好多,都不太全面,现在将详细的配置陈列如下:首先进入首选项:窗口(windows)->首选项(preferences...)1.  windows=>preferences=>general=>editors=>text editors  勾选 "insert spaces for tabs"2.  windows=>preferences=>php

  • 让DOS下输入命令时也可以象Linux一样用Tab键进行命令自动填充

    让DOS下输入命令时也可以象LiUnix一样用Tab键进行命令自动选择目录或文件的方法 方法: 修改注册表 操作: 运行regedit 展开 HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Command Processor 可以在右边看到 CompletionChar 项,是REG_DWORD类型的.双击或回车,打开属性设置窗口,默认值为十六进制的40,将此项的值改为十六进制的9,确定退出.即可在新打开的DOS窗口下开始生效了,在使用时,敲 Tab 键就可以让DOS

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

    在一些网页或者说在弹出层的使用下,一般情况在ie浏览器下 我们都不希望使用tab 或者说 使用tab键后都会造成一定的问题,例如: 在弹出层后,tab键还可以在目页中操作,这回导致脚本错误. 那么我们如果避免这种情况呢? 通过键盘事件来控制 复制代码 代码如下: <script language="javascript" type="text/javascript" src="../javascript/jquery-1.2.6.min.js&quo

  • 请求转发jsp页面乱码问题的快速解决方法

    •在最近的项目中 使用了jsp+servlet来开发项目,但是由于后台的不太熟练 导致了困难重重.所幸 学习能力还可以 一边做一遍学吧. •今天的问题:请求转发后页面的乱码问题 •由于特殊原因--图片上传的form表单无法通过ajax提交 因此必须使用form表单直接提交.但是这样会导致一个问题:前后台交互的时候效果不好.为什么效果不好?这里说的不是功能的问题.作为web开发者,客户的体验我们要放在第一位.因此,我们必须将对客户的信息反馈放在一个比较重要的地位.说白了,就是上传个图片成没成功?我

  • Linux php 中文乱码的快速解决方法

    在ubuntu下php网页输出乱码,在不涉及数据库编码的情况下: 修改"/etc/php5/apache2/php.ini"将 default_charset = "iso-8859-1" 修改为 default_charset = "utf-8" 然后重启apache: sudo /etc/init.d/apache2 restart 以上这篇Linux php 中文乱码的快速解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望

  • javascript实现textarea中tab键的缩排处理方法

    本文实例讲述了javascript实现textarea中tab键的缩排处理方法.分享给大家供大家参考.具体如下: 网上搜索了一下相关的解决方法,其它的有使用两三行javascript解决的,但都有一些小小的问题.还有使用JQuery的,也非常简洁. 本文的javascript代码实现了在TEXTAREA中输入TAB键并自动缩进的功能.不过这段代码在谷歌浏览器中不能正常执行,在 复制代码 代码如下: sel =event.srcElement.document.selection.createRa

  • MySQL数据误删除的快速解决方法（MySQL闪回工具）

    概述 Binlog2sql是一个Python开发开源的MySQL Binlog解析工具,能够将Binlog解析为原始的SQL,也支持将Binlog解析为回滚的SQL,去除主键的INSERT SQL,是DBA和运维人员数据恢复好帮手. 一.安装配置 1.1 用途 数据快速回滚(闪回) 主从切换后新master丢数据的修复 从binlog生成标准SQL,带来的衍生功能 支持MySQL5.6,5.7 1.2 安装 shell> git clone https://github.com/danfengc

  • tomcat正常启动但网页却无法访问的几种解决方法

    tomcat正常启动但网页却无法访问的几种解决方法

    目录 问题1: jdk的版本冲突 一.先检查本机的jdk版本 二.修改jdk版本 三.重新启动tomcat 问题2: 端口冲突 tomcat版本和jdk版本对应关系 最近使用tomcat遇到一点小问题,项目使用tomcat,启动后显示无法访问页面.根据自身使用情况和一些网上搜索到的结果,汇总整理一下. 可能遇到的问题有以下几种: 问题1: jdk的版本冲突 使用的tomcat1.6版本,电脑安装的jdk版本是 1.8,jdk版本冲突导致无法正常使用.解决方案:修改jdk的版本,由jdk1.8修改

  • Oracle客户端与plsql查询数据乱码修改成中文的快速解决方法

    1.查询ORACLE服务器的语言.地域和字符集 select * from nls_database_paameters; 查询结果如下图, NLS_LANGUAGE 表示"语言",NLS_TERRITORY 表示"地域",NLS_CHARACTSET 表示"字符集",将他们三个按照"语言_地域.字符集"的格式拼接起来,就有了"AMERICAN_AMERICA.ZHS16GBK". 下面正式的来操作: 2.

  • MySQL无法创建外键的原因及解决方法

    关联2张表时出现了无法创建外键的情况,从这个博客看到,问题出在第六点的Charset和Collate选项在表级和字段级上的一致性上.我的2张表的编码charset和collate不一致,2张表都执行执行SQL语句: alter table 表名 convert to character set utf8; 完美解决问题: ps:下面看下MySQL无法创建外键.查询外键的属性 MyISAM 和InnoDB 讲解 InnoDB和MyISAM是许多人在使用MySQL时最常用的两个表类型,这两个表类型各

  • Mysql5.5安装配置方法及中文乱码的快速解决方法

    1.启动服务 windows下DOS命令窗口输入指令: 查看服务是否启动:net help services 启动mysql服务:net start mysql 停止mysql服务:net stop mysql linux下在bash下,输入指令: 查看服务状态:service mysqld status 启动mysql服务:service mysqld start 停止mysql服务:service mysqld stop 2.登陆 mysql -u[这里输入用户名] -p[这里输密码] 3.

  • 关于验证码在IE中不刷新的快速解决方法

    今天在做验证码的时候发现在IE中,验证码不会刷新,而谷歌等其他浏览器没有问题,所以我想到应该是缓存问题,因为IE默认的设置是如果访问地址没变化就不会去获取而是加载缓存中的内容 所以解决方案就是在验证码的切换地址后面加一个随机的参数 例如: <script> //换验证码 function changeimg(){ /* math.random范围是0-1 *999变成0-999 +3000 就是3000-3999 */ var time=Math.round(Math.random()*999

随机推荐