IE11下onclick不生效的问题

最新推荐文章于 2023-04-09 21:01:38 发布

林木森森森

最新推荐文章于 2023-04-09 21:01:38 发布

阅读量3.4k

点赞数

分类专栏：前端文章标签： reactjs

本文链接：https://blog.csdn.net/huahuahua__/article/details/106217946

版权

前端专栏收录该内容

7 篇文章 0 订阅

订阅专栏

前言

项目中的icon上绑定的click事件在IE11下无法被触发

具体问题

className为icon的span上绑定的click不生效，点不动

// HTML
<div>
	<span></span>
	<span></span>
	<span></span>
	<span className=icon onClick={this.handleClick} style={{ position: relative; top: 2px }}></span>
</div>

解决办法

如果要调整icon的位置不要使用relative，不知道为什么relative的元素在IE11下click事件不生效，这里去掉relative，换成其他的方法调整位置就可以了

优惠劵

林木森森森

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE11下onclick不生效的问题

前言项目中的icon上绑定的click事件在IE11下无法被触发具体问题// HTML<div> </d
复制链接

扫一扫

专栏目录

IE8的JavaScript点击事件(onclick)不兼容的解决方法

01-19

博客园闪存分页是用JavaScript生成的，今天发现在IE8下点击页码不能翻页，翻页操作是在当前页码的onclick事件中进行的。开始代码是这么写的：代码如下:var a = document.createElement(“a”);a.setAttribute(“onclick”, this.ClickFunctionName + “(” + pageIndex + “);Pager.SetCurrent(” + pageIndex + “);”);由于IE8不支持setAttribute方法，这里添加的onclick事件处理程序并未添加上。后来改为jQuery的attr方法：代码如

IE6下通过a标签点击切换图片的问题

01-21

不过, 国内大部分用户还是在用IE6. IE6下通过a标签的onclick事件切换某个图片时, 有可能出现图片无法加载问题, httpwatch抓取表现结果是abort. 测试了一下,找到了解决办法. a标签事件一般情况是这样写的, 也可能是绑定事件, 解决方式一样: 1. <a>a1</a> 2. <a>a2</a> 3. <a>a3<

参与评论您还未登录，请先登录后发表或查看评论

ie6下a标签的onclick事件不执行问题解决方案

09-25

ie6环境下a标签的onclick事件不执行的情况想必有很多的朋友都有遇到过吧，下面与大家分享下具体的解决方法，感兴趣的你可不要错过了哈

IE中点击文本任意地方都可以执行onclick等事件的方法

雨林

09-22

1255

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> body事件范围 function bodyClick(){ alert("

jsp中onclick方法失效

qq_38064686的博客

06-03

3175

错误search is not a function at HTMLAnchorElement.onclick造成原因方法名与jsp中某个id重复，造成该方法读取不了。解决方法对onclick中的方法改名。

A标签触发onclick事件而不跳转的多种解决方法

01-19

在web页面开发时，我们经常会遇到下列情况： 1.一个标签仅仅是要触发onclick行为； 2.表现上要有鼠标的pointer指针显示,或者其他类似a标签的视觉效果。比如执行删除操作时，为了避免误操作，我们要弹出对话框让用户确定是否删除。因此我们经常会用链接<a></a>形式代替<button> 触发onclick事件。代码如下：代码如下: [removed] function del(){ if(confirm(“确定删除该记录？”)){ parent.[removed]=”执行删除.jsp”; return true; } r

行内onclick传入动态字符串，在ie11上面点击无反应，也不报错，chrome就可以，怎么解决

savelifeme666的博客

11-09

1310

html += "查看"; //调用 function conSee(id) { console.log(id); } 这个时候没有反应，也没有报错，也不触发，...

IE下options的onclick实现

u012901416的专栏

05-03

193

[code="html"] function simOptionClick4IE(){ var evt=window.event ; var selectObj=evt?evt.srcElement:null; // IE Only if (evt && selectObj && evt.offsetY &&...

JSP中按钮点击不触发事件问题记录

bui_bui的博客

01-10

1188

jsp中引入其他jsp是可以直接调用其他jsp的方法的，如果aaa和bbb有同名方法，就不知道调用哪个了，把重名的改下名字就可以了，我猜是因为include相当于这几个jsp的代码全部内容全部复制进去了导致有重名方法（瞎猜的）鼠标点击事件死活不生效，尝试在方法中加入alert，没有弹窗，证明方法未执行，但方法本身并无问题。选择按钮点击不起作用，这里安全起见实际的界面就不展示了，F12查看我也看不出什么东西。后来突然使用IDEA的全局搜索，发现很多jsp都有同名方法，破案了。

进入jsp页面自动触发onclick()事件

热门推荐

追风筝的人

07-22

1万+

进入jsp页面有一个button按钮，点击之后触发onclick()事件，如何不需要手动点击就自动触发onclick()事件，方式有很多，这里提供一种方式以供参考！下面是手工点击触发onclick()事件代码：下面是js代码： function load(){ document.getElementById("bottons").onclick(); } window.onlo

解决checkbox的onclick事件在ie浏览器各版本中不兼容问题

dingdongkk~博客

04-20

2747

先看代码 3DNR: 在js中测试 function checkField(param,check){ //SET SWITCH alert(param+check); } 我是在ie11上编写测试的ok，但在后期测试时发现在ie8中onchange事件不会被触发，奇怪的是点击lable标签内容时，可以触发onchange事件，弹

IE11特性之button

莫雪狼的专栏

03-16

3207

今天ie11下测试JSP的时候遇到件奇怪的事情，就是在button标签上加上onclick事件后，不仅触发了click事件，且页面无缘无故地刷新了一次。经过尝试是ie11解析button标签时给它加了一个提交表单的功能，故点击button的时候，页面会刷新一次。发表回复修改方式：将button标签改为a标签。发表回复

IE11 中的兼容性更改

编程手札

01-18

1万+

使用 Internet Explorer 11，你可以获得与 Web 标准、其他浏览器和实际网站的更好兼容性。更新了对常用 Web 标准的支持并添加了可防止较旧版本的网站错误显示的更改。这些更改包括： User-agent 字符串更改文档模式更改传统 API 添加、更改和删除URL 字符编码自定义数据属性SVG“pointer-events”属性的 HTML

jsp 事件

sky_315的博客

06-15

3303

一般事件事件浏览器支持描述onClick IE3|N2|O 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClick IE4|N4|O 鼠标双击事件onMouseDown IE4|N4|O 鼠标...

jsp页面的onclick事件

80608989的专栏

02-13

2107

02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 ...

jsp中一个标签两种方式绑定两个click事件导致未执行的问题

weixin_30696427的博客

04-03

622

近日，在开发过程中，写了一个标签 <li id="a1" onclick="doSomething()">...</li> 在js页面中，使用了 $.("#a1").click = function(){ 　　//执行 } 本意想点击时同时触发两个方法，做不同的事情，后来才发现js中$.("#a1")的方法未执行，问了才得知这样可能会产生方法调用冲...

关于JSP页面点击按钮没反应，方法没有执行的检查

YANGYYID的博客

11-22

1万+

本人前端知识属于菜鸟级的，不喜勿喷。。前不久，在调试一个页面的时候，点击页面上的一个按钮，按钮绑定的事件并没有执行。好奇怪，以为是方法名写错了，检查一下完全一样啊。好郁闷，网上有说是onclick和onClick的区别，但是还是不行啊。经过一番摸索，原来是方法名用到了JSP里面的保留字。。还有这个限制，真实醉了。在此，本人总结一下出现诸如此类方法的检查手段：（1）id元素是否有重复（2）

form表单中button @click事件失灵（两种思路解决）

2301_76607875的博客

04-09

2622

IE 浏览器的按钮默认 type 是 button，而其他浏览器中 type 的默认是 submit。我用的浏览器不是IE，所以button 的 onclick 事件会被 form 的 action 所取代。一开始我的想法是，点击搜索按钮执行 jump() 方法，将输入框内容传到新页面，但是实际情况是，点击搜索按钮后，页面无跳转（一点反应都没有），最后在同事帮助下，得到应该将input外嵌套的 form 标签删除，在删除后，页面成功跳转。我在做后端功能测试时自己写了简单前端页面，发现了此问题。

uniapp onclick 为什么不生效

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交