ie浏览器中dispatchEvent报错

最新推荐文章于 2024-02-20 12:55:00 发布

全盛

最新推荐文章于 2024-02-20 12:55:00 发布

阅读量4.7k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/weixin_40803257/article/details/89473976

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文探讨了在不同浏览器（谷歌与IE）中处理事件触发的一致性问题，提供了原生JavaScript方法替代jQuery，确保在IE11下也能正确触发input事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原代码如下（谷歌浏览器正常，但在ie浏览中会报错）：

$("#remark").val("");
$("#remark")[0].dispatchEvent(new Event('input'));

修改后代码如下（ie浏览器亲测也正常，ie11浏览器）：

var event2 = document.createEvent("HTMLEvents");
 event2.initEvent("input", false, true);
$("#remark")[0].dispatchEvent(event2);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

全盛

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Vue源码分析——第三章

Lee的博客

09-10

733

Vue源码分析——第一章 Vue源码分析——第二章 // only used in dev mode //检测 val必需是数字 function checkDuration(val, name, vnode) { if (typeof val !== 'number') { warn( "<transition> explicit " + name + " duration is not a valid number - " + "got " + ...

JavaScript理论篇1之基础理论

深夜代码酒神

06-27

369

JavaScript理论篇1之基础理论

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

ie浏览器或兼容模式中dispatchEvent报错

心有山海静而无边

10-30

2478

参考https://blog.youkuaiyun.com/weixin_40803257/article/details/89473976

dispatchEvent兼容IE

qq_36262295的博客

03-30

494

【代码】dispatchEvent兼容IE。

IE 的事件对象（event）

weixin_33859844的博客

02-22

234

与访问 DOM 中的 event 对象不同，要访问 IE 中的 event 对象有几种不同的方式，取决于指定事件处理程序的方法。在使用 DOM0 级方法添加事件处理程序时，event 对象作为 window 对象的一个属性存在 var btn = document.getElementById("myBtn"); btn.onclick = function(){ va...

IE FireFox 兼容之 window.event

小荷才露尖尖角

11-17

287

先看一段代码： <HTML> <HEAD> <TITLE> New Document </TITLE> <script type="text/javascript"> function testEvent(){ var target = window.event.srcElement ; document.ge...

浏览器 Event对象及属性的兼容处理

weixin_30782331的博客

02-17

141

摘自：http://blog.youkuaiyun.com/jiachunfeng/article/details/6448186 event对象 IE 中可以直接使用 event 对象，而 FF 中则不可以，解决方法之一如下：var theEvent = window.event || arguments.callee.caller.arguments[0]; 第二种是将 event 作为...

JavaScript之IE的fireEvent方法详细解析

12-10

JavaScript中的`fireEvent`方法是Internet ...对于非IE浏览器，开发者通常应使用`dispatchEvent`来模拟事件触发，以保持与标准兼容。在编写JavaScript代码时，了解这些差异可以帮助写出更健壮、兼容性更好的代码。

IE的fireEvent方法概述及应用

09-05

IE浏览器中的`fireEvent`方法是一种触发事件的方式，它与`onclick`等事件处理函数有所不同。`fireEvent`方法主要用于模拟用户行为，例如点击、提交表单等，它可以在元素上触发指定的事件，即使该元素没有预先定义...

vue + vue-resource + element-ui项目中遇到的问题总结

ishell1021的博客

03-08

2313

运营智享遇到的问题(前端) vue + vue-resource + element-ui + vue-router + node.js + sass 1. el-table filter tag 使用filter-method处理数据过滤,当该标签下没有数据时标签切换不起作用解决: 1.用el-table的filter-change方法处理过滤逻辑,而不用el-table-column...

IE Event对象

chilongxph2的博客

10-23

199

IE Event对象（一）IE Event对象的主要属性和方法　　在IE中有一个专门负责事件处理的对象Event，这个对象负责对事件的处理，含有很多的属性和方法，通过这些方法和属性的调用，就能完成很多的事件处理。　　type：事件的类型，就是HTML标签属性中，没有“on”前缀之后的字符串，例如“Click”就代表单击事件。　　srcElement：事件源，就是发生事件的元素。 ...

转: JS自定义事件的定义和触发(createEvent, dispatchEvent)

dayanwu2842的博客

10-08

409

四、伪DOM自定义事件这里的“伪DOM自定义事件”是自己定义的一个名词，用来区分DOM自定义事件的。例如jQuery库，其是基于包装器（一个包含DOM元素的中间层）扩展事件的，既与DOM相关，又不直接是DOM，因此，称之为“伪DOM自定义事件”。 //zxx: 下面即将展示的代码目的在于学习与认识，要想实际应用可能还需要在细节上做些调整。例如，下面测试的包装器仅仅只是包裹DOM元素...

javascript事件触发器dispatchEvent简单示例

russle的专栏

03-28

1万+

需求:在页面加载过程改变comboBox值，然后引发一系列的动作。思路：如果只是给comboBox赋值，无法触发其onchange事件，那么后面一系列的动作也就无法完成。搜索之后发现可以使用fireEvent或者dispatchEvent。但是经过本人实践，fireEvent在ie上也不行，firefox和chrome更不行。现在dispatchEvent可以在这三个主流浏览器工作。现在记录下面

为IE8添加EventListener系列方法支持

weixin_33739541的博客

03-30

364

在低版本IE中添加DOM元素事件可以使用attachEvent方法。但是用它模拟addEventListner还要解决一些问题。主动触发事件的API设计逻辑不同，需要处理的地方比较多。fireEvent也不支持自定义事件，还需要对自定义事件的储存和触发写额外的代码。 <script src="ie8-eventlistener.js"></script><scrip...

手动模拟触发input框事件

gongzairen的博客

10-19

3979

js修改input值触发监听事件

【笔记】JS模拟按键事件触发输入框oninput事件

热门推荐

李小贱的博客

07-05

3万+

不要被标题蒙蔽了，今天的重点不是论述事件触发器，而是说一下dispatchEvent这个东西。好了，先简单做个铺垫，dispatchEvent是作为高级浏览器(如chrome、Firfox等)的事件触发器来使用的，那么什么是事件触发器？就是触发事件的东西。可能有人觉得有点莫名其妙，触发事件不是在交互中被触发的吗？的确，通常情况下，事件的触发都是由用户的行为如点击、刷新等操作实现，但是，其实有的情况

IE11兼容问题汇总

Liingot的博客

03-18

1062

1.find方法兼容 if (!Array.prototype.find) { //解决IE11不兼容find的问题 Array.prototype.find = function (callback) { return callback && (this.filter(callback) || [])[0]; }; } 2.every方法兼容 if (!Array.prototype.every)

兼容IE和FF的手动触发事件，并自定义Event的属性值

scott.cgi

01-05

3711

兼容IE和FF的手动触发事件，并自定义Event的属性值

dispatchEvent

05-11

`dispatchEvent` 是 JavaScript 中的一个方法，它可以用于触发一个事件。它通常与 `addEventListener` 方法一起使用。`addEventListener` 用于给某个元素添加一个事件监听器，当该元素触发指定类型的事件时，该监听器就会被调用。而 `dispatchEvent` 则可以手动触发指定类型的事件，从而触发相应的监听器。示例代码： ```javascript // 给一个元素添加一个 click 事件监听器 document.getElementById('myButton').addEventListener('click', function(event) { console.log('Button clicked!'); }); // 手动触发 click 事件 var event = new Event('click'); document.getElementById('myButton').dispatchEvent(event); ``` 上述代码中，当用户点击 `id` 为 `myButton` 的按钮时，控制台将输出 `Button clicked!`。同时，我们也可以通过调用 `dispatchEvent` 方法手动触发 `click` 事件，从而达到和用户点击按钮相同的效果。