解决IE浏览器下document click事件失效问题

         我们系统用户界面窗口采用的当前流行的左右框架结构,左边导航,右边用户操作窗口,点击不同导航菜单,右边出现对应的操作窗口。由于左边导航菜单是依据用户权限动态生成的并且以链接形式生成。设计上采用了 iframe(左)+iframe(右边)形式;

在使用过程中发现有部分用户,点击左边导航链接时,并没有在右侧操作区出现窗口,而是在导航窗口出现,

这样用户体验特差,经过发现原因是用户安装升级腾讯QQ时安装了浏览器加载项AccountProtectBHO Class 并且启动,对于有些用户直接禁用即可,但仍然存在禁用也没解决。

于是在代码块下手解决看能否兼容各浏览器 

原来代码  document.onclick = parent.onclickH; 改为如下

<script language="JavaScript" type="text/javascript">
        $(document).ready(function () {
           if(isMSIE){
                $(document).bind("click", function (e) {
                    return parent.onclickH();
                })
            }
             else   {
                document.onclick = parent.onclickH;
            }
         
        });
     </script>

经过测试兼容 IE,chrome(谷歌),火狐,其他浏览器自不用说(360,遨游....)

IE浏览器中处理断点忽略问题,可尝试以下方法: ### 检查调试设置 确保在IE浏览器的开发人员工具中,断点设置无误且未被意外禁用。打开IE浏览器,按 `F12` 打开开发人员工具,切换到“调试器”选项卡,检查已设置的断点是否被勾选启用。如果断点旁边的复选框未被选中,点击勾选即可启用断点。 ### 清除缓存和临时文件 浏览器缓存和临时文件可能会导致脚本文件加载异常,从而影响断点的正常工作。可以通过以下步骤清除: 1. 打开IE浏览器,点击右上角的齿轮图标,选择“Internet选项”。 2. 在“常规”选项卡的“浏览历史记录”部分,点击“删除”按钮。 3. 在弹出的对话框中,勾选“临时Internet文件和网站文件”“Cookie和网站数据”等选项,然后点击“删除”。 ### 检查脚本加载情况 确认脚本文件是否正确加载,可在开发人员工具的“网络”选项卡中查看脚本文件的加载状态。如果脚本文件加载失败或加载的版本不是最新的,可能会导致断点失效。确保服务器端的脚本文件是最新版本,并且网络连接正常。 ### 兼容性视图设置 有时,IE浏览器兼容性视图设置可能会影响脚本的执行和断点调试。可以尝试将当前网站添加到兼容性视图列表中,或关闭兼容性视图: 1. 点击IE浏览器右上角的齿轮图标,选择“兼容性视图设置”。 2. 在“兼容性视图设置”对话框中,检查当前网站是否已添加到列表中。如果已添加,可尝试移除;如果未添加,可尝试添加该网站。 ### 示例代码检查 以下是一个简单的JavaScript代码示例,用于测试断点是否正常工作: ```html <!DOCTYPE html> <html> <head> <title>断点测试</title> </head> <body> <button id="testButton">点击测试</button> <script> document.getElementById('testButton').addEventListener('click', function() { var num1 = 5; var num2 = 10; var result = num1 + num2; console.log(result); }); </script> </body> </html> ``` 在开发人员工具的“调试器”选项卡中,在 `var result = num1 + num2;` 这一行设置断点,点击按钮时,应该会在该行暂停执行。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值