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

前端事件兼容性实战:从Ruby‘s Louvre看浏览器归一化设计 浏览器事件兼容性是Web开发的基础能力,涉及MouseEvent、wheel事件、坐标计算等核心API在不同引擎(Trident/Gecko/WebKit)间的语义分裂与行为差异。其本质是标准滞后性下的运行时归一化问题——通过特征检测、属性映射与粒度转换,将碎片化的`e.button`、`e.wheelDelta`、`clientX/pageX`等原始输入,统一为业务可信赖的确定性输出。这种‘不模拟、只翻译’的设计思想,不仅支撑了IE6-Firefox3时代的富交互应用,更持续赋能现代跨端场景:小程序Web 阅读详情

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

IE8的JavaScript点击事件(onclick)不兼容的解决方法 主要介绍了IE8的JavaScript点击事件(onclick)不兼容的解决方法,大家参考使用吧 立即下载

相关推荐

如何在NVIDIA CX6 网卡和华为CE交换机上为RDMA协议使能DCQCN和PFC

【代码】如何在NVIDIA CX6 网卡和华为CE交换机上使能DCQCN和PFC。

Markchen7788的博客 5092

$(document).click()

2019独角兽企业重金招聘Python工程师标准>>> ...

weixin_33826609的博客 1727

OCV/AOCV/SOCV的介绍和应用

library中的cell delay是在某个固定的PVT(operating condition)下仿真得出的。,cell的delay并不是一个固定值,而是一个随机值,遵循高斯分布或门特卡洛分布,在STA中用OCV来模拟这一『特征』。OCV全称on chip variation,用于描述不同管子间由于工艺偏差、电压降、温度变化引起的delay变化。,也用于描述工艺偏差引起的net厚度宽度的变化从而导致net的电容电阻变化。优点:设置起来比较简单粗暴,对于不那么先进的工艺可行!的影响,更贴合实际。

m0_61003348的博客 8980

关于JQuery中,click与document click冲突问题

解决办法是:防止事件冒泡。 例子 HTML: CSS: #show_div{ display:none; }js: $("#click_btn").click(function(e){ $("#show_div").toggle(); e.stopPropagation(); //return false;(或者)

benyuxy的专栏 8925

【东华大学oj】找到最大数(一维数组->中等)

一天,老师布置了一个作业,要求对一串数字各不相同的数字串进行排序,大的在前,小的在后。接着,我从数字串中的第二个数字开始往后找,找到最大的一个,然后与第二个数字交换,这样的话我就能够确定排序后数字串中的第二个数字;明明研究发现,他的这个想法中最重要的一环就是在一串数字中找到最大的那个,然后与第一个数字交换,可是明明毕竟刚刚开始学习程序设计不久,无法写出较复杂的程序,所以明明想让你这位程序设计专家帮他的忙,帮助他把这段核心程序写出来,然后明明只需模仿着写就可以了。时间限制: 1S类别: 一维数组->中等。

的博客 525

eNSP网络构建—建立小型局域网

企业私有网络构建运维 实战案例——使用模拟器构建局域网络 案例分析 1.架构分析 (1)需求分析 本实验的目的在于建立小型局域网。由于公司由不同部门组成,并分布在不同地点,因此需要划分不同网络实现互联互通。设计以下网络:两个部门各使用一台交换机连接,然后连接到总交换机,再通过路由器与外网以及其他部门网络相连。为了控制网络上的广播风暴,增加网络的安全性,在交换机上需要设置VLAN,在路由器与交换机之...

_ 4万+

document绑定click事件无效_Javascript事件绑定常见方案详解

开始让js对用户的操作做出相应的响应,就要对事件进行绑定DOM元素绑定事件处理function函数,不同的操作对应不同的函数名称常见的三种绑定方式(1)在DOM元素上直接绑定事件(2)在js标签(实现分离)中绑定事件(3)通过DOM lev3级事件绑定标准(事件监听)绑定事件第一种绑定方式(DOM元素上直接绑定)<buttononclick="Mybtn()">单击butt...

weixin_35278121的博客 2605

AltiumDesigner 高效封装库管理 -- samacsys插件实战指南

本文详细介绍了如何利用samacsys插件高效管理AltiumDesigner封装库。通过实战指南,指导用户完成插件安装、云端元件搜索与放置,并分享将海量资源整合为个人标准库的管理策略,从而大幅提升PCB设计效率与可靠性,杜绝封装错误。

weixin_28285943的博客 125

vue拼接html中onclick的触发方式失效的解决方法

vue拼接html中onclick的触发方式失效的解决方法

weixin_44037153的博客 2316

vasp-自旋轨道耦合(SOC)计算步骤

在VASP中执行自旋轨道耦合(SOC)计算,具体的计算步骤如下: 结构优化获取CONTCAR文件 自洽计算(collinear normal VASP calculations)获取IBZKPT,CHGCAR和WAVECAR文件。 SCF+SOC计算,在此步骤中,将步骤2中的IBZKPT复制为KPOINTS,以便两个步骤具有相同的k网格,因此可以读取步骤2中的CHGCAR和WAVECAR文件。 能带结构计算,在此步骤中,将KPOINTS改为高对称点,读取步骤3中的CHGCAR和WAVECAR文件。

懒散的鱼与消失的猫 3万+

携程机票数据爬取实战:使用 Python 获取携程网机票信息

通过本篇博客,我们详细介绍了如何使用 Python 爬取携程网的机票信息,涉及了静态网页爬取(使用 Requests 和 BeautifulSoup)和动态网页爬取(使用 Selenium)两种方法。通过获取的数据,我们不仅能够进行票价分析,还可以构建更为复杂的预测模型或趋势分析工具。爬虫技术不仅能够帮助我们收集有价值的数据,还能够为商业决策提供数据支持。在实际应用中,我们可以结合更多的分析方法,如自然语言处理、图像处理等,进一步提升数据的价值。

2201_76125261的博客 1657

解决document.onclick在IE下用不了或无效的问题

document.onclick这个事件在IE这几天突然下不能用了,导致JS代码部分有BUGdocument.onmouseover;document.onmouseout;document.onmousedown;document.onmouseup;上面这几个在IE下就可以,(IE版本是IE8)!就document.onclick这几天在IE下都失效了,在火狐,谷歌,opera,360,搜狗。...

weixin_30493321的博客 553

人体红外传感器HC-SR501

本文记录的是如何用stm32使用HC-SR501。实验平台:野火指南者stm32f103vet6。实验现象:一旦有人体经过,LED会亮红色。HC-SR501 传感器工作原理人体都有恒定的体温,一般在 37 度,所以会发出特定波长 10UM 左右的红外线,被动式红外探头就是靠探测人体发射的 10um 左右的红外,进行工作的。人体发射的 10um 左右。

weixin_43772611的博客 1万+

ios环境下页面的click事件失效问题

ios环境下页面的click事件失效问题 整理了下曾经在ios上遇到过的一个坑 当通过事件委托对document或body绑定click事件时,若实际点击的元素原来是不可点击的(如p,span,div等),ios环境下这个click事件不会被触发。 例如下面这段代码,在PC上调试时可以正常触发,到ios的safri中测试就不行。 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;g...

木习习的博客 526

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版

Part-E1-SDIO-Specification-Ver4.00-Final-120220.pdf:最新的sdio 4.0 spec 协议标准 带书签 高清完整PDF版,包括SDIO 接口的外设,SDIO 接口官方协议等。

解决了火狐下无法触发click事件的问题

&lt;script language="javascript"&gt; function test2(name) { if(document.all) { document.getElementById(name).click(); } else { var evt = document.createEvent("MouseEvents"); evt....

岁月如歌去,十年弹指间 4542

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

input事件在ie9以下不兼容问题完美解决

上周四好不容易加了几天班把刚接手的一个pc页面做完,周五同事说要兼容ie7~ie9,结果在上面一跑,输入都没法输入。 我的需求是用6个span作为虚拟的密码输入框,实际上是用一个藏在页面里的input来实现输入的。如下图 上面是我要实现的页面,和页面结构dom,就是点击span的的父节点div的时候,要让input获取焦点。左边是input,为了给大家展示就先不藏起来了,对了,千...

weixin_34253539的博客 489

document.onclick 无效

今天突然发现document.onclick这个事件

laoma4102的专栏 4372

动态生成html元素绑定事件 iphone失效问题解决

2016年9月21日 动态生成html元素绑定事件 iphone上失效问题解决。多种方法,简单写几种。第一种、使用touchstart或者touchend代替click事件。触屏事件问题,如果触发了touchmove,touchend就不会被触发了,而且touchmove没有持续触发。在touchstart的时候调用下event.preventDefau...

weixin_34080903的博客 387

jQuery事件系统核心原理:委托、标准化与跨浏览器兼容

事件处理是前端交互的基石,其本质是监听用户行为并触发响应逻辑。原生DOM事件存在单播覆盖、浏览器差异、监听器注册分裂等底层缺陷,导致兼容性差、维护成本高。jQuery通过事件委托实现动态元素零绑定、事件对象标准化统一target/which等属性、命名空间支持精准解绑、生命周期钩子控制触发语义,构建起健壮的事件操作系统。这些机制不仅解决了IE与现代浏览器的兼容难题,更成为Vue、React等框架事件设计的思想源头。本文聚焦事件委托与事件对象标准化两大核心热词,解析其在真实业务场景(如动态列表操作、表单验证、

unixboy 525

使用 Azure.ResourceManager.MongoDBAtlas 管理 MongoDB Atlas 组织:ARM 资源集成与 Azure Marketplace 计费实战指南

本文围绕 AAS(agentic-awesome-skills)仓库中的 `azure-mgmt-mongodbatlas-dotnet` 技能,系统讲解如何通过 .NET 官方 ARM 管理 SDK `Azure.ResourceManager.MongoDBAtlas`,将 MongoDB Atlas Organization 作为标准 Azure ARM 资源进行管理,并在 Azure Ma

gitblog_01002的博客 451

处理 react_【学习教程】React 中阻止事件冒泡的问题

来源 |https://www.cnblogs.com/Wayou/p/react_event_issue.html在正式开始前,先来看看 js 中事件的触发与事件处理器的执行。js 中事件的监听与处理事件捕获与冒泡DOM 事件会先后经历捕获与冒泡两个阶段。捕获即事件沿着 DOM 树由上往下传递,到达触发事件的元素后,开始由下往上冒泡。IE9 及之前的版本只支持冒泡| A -...

weixin_33019827的博客 297

鼠标事件底层原理:从Ruby‘s Louvre看DOM交互的三层抽象模型

鼠标事件是Web前端最基础的交互入口,其本质是硬件信号经操作系统翻译后,在浏览器中形成的三层抽象:物理层(原始中断与坐标捕获)、语义层(click等意图判定)和应用层(业务逻辑封装)。理解这三层模型,是掌握event.preventDefault()、e.target与e.currentTarget差异、clientX/pageX坐标选择及wheel事件兼容性的前提。Ruby's Louvre作为早期原生实践典范,以bindMouseEvent和mouseScroll等代码直面IE/Firefox兼容性难题

unixboy 411

layui中$(选择器).on(‘click‘)方法无效解决办法

在layui中$(选择器).on(‘click’)点击事件无效的解决办法 //使用此点击事件失效 $(".sub2").on('click', function() { alert('响应点击事件'); }); //将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件 //以下可实现点击效果 $(document).on('click', '.sub2', function() { alert('响应点击事件'); }); layui.use(['jque

qq_38181746的博客 5708

append追加元素后click失效

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...

weixin_30724853的博客 155

Custom Elements 兼容旧浏览器实战:Polyfills与Transpilation协同方案

Web Components 是现代前端封装 UI 的核心范式,其核心构成 Custom Elements 和 Shadow DOM 依赖浏览器原生 API 与 ES2015+ 语法。然而,IE11、Safari 12 等主流旧环境缺失 `customElements.define`、`attachShadow` 等关键 API,也不支持 `class` 静态 getter、可选链等语法特性。此时,Polyfills 负责运行时补全 API 行为,Transpilation 则将新语法降级为兼容代码并映射

634

深入解析jQuery事件系统:三层架构、事件委托与实战技巧

DOM事件处理是前端开发的核心基础,它实现了用户交互与页面响应的桥梁。其原理基于事件冒泡与捕获机制,通过监听用户操作触发相应函数执行。这一技术价值在于解耦用户行为与业务逻辑,提升代码可维护性。在应用场景上,无论是传统网站还是现代Web应用,高效的事件管理都至关重要。本文聚焦于jQuery事件系统,它作为一套经典的跨浏览器兼容解决方案,通过统一事件对象、高效的事件存储分发机制和简洁的API层,封装了原生事件的复杂性。其中,事件委托机制能显著优化动态内容交互与性能,而命名空间和自定义事件则为模块化开发提供了便利

weixin_34007020的博客 428
上一篇: 调用Word组件转pdf遇到的烦恼与解决方案
下一篇: TSC打印条码
gukehui2012
博客等级 码龄14年 25粉丝 12原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值