ie浏览器中dispatchEvent报错

最新推荐文章于 2024-02-20 12:55:00 发布
原创 最新推荐文章于 2024-02-20 12:55:00 发布 · 4.7k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在不同浏览器（谷歌与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);

 

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
先看一段代码：   &lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt; New Document &lt;/TITLE&gt; &lt;script type="text/javascript"&gt; 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也不支持自定义事件，还需要对自定义事件的储存和触发写额外的代码。 &lt;script src="ie8-eventlistener.js"&gt;&lt;/script&gt;&lt;scrip...
手动模拟触发input框事件
gongzairen的博客
10-19 3980
js修改input值触发监听事件
【笔记】JS模拟按键事件 触发输入框oninput事件
最新发布
印记
02-20 805
方法1： $textarea = document.querySelector("textarea"); $textarea.value = item.content; let evt = new Event('input', ...
事件触发器-----dispatchEvent
热门推荐
李小贱的博客
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` 用于给某个元素添加一个事件监听器，当该元素触发指定类型的事件时，该监听...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值