是否使用“ .click()”异步触发事件侦听器?

我有以下代码(<button id="7">我的HTML中有):

(function() {
  'use strict';
  document.getElementById(7).addEventListener("click", function(){
    console.log('clicked');
  })
  console.log('before');
  document.getElementById(7).click();
  console.log('after')
}());

当它在Firefox 41控制台中运行时,我本来期望

之前
之后
点击

因为代码将同步运行,然后在完成脚本后响应事件队列上的click事件。相反,我得到了

之前
点击
之后

这表明事件正在同步处理吗?

贝吉

是的,该click方法确实同步运行激活步骤,包括立即触发(创建和调度)事件。它没有放入事件循环队列中。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

jQuery在不同的DOM层次结构中委派的事件侦听器-是否会触发适用的事件侦听器?

使用事件侦听器在不使用jquery的情况下触发keypress事件

如何设置事件侦听器并使用react钩子在首次触发事件后将其删除?

document.createElement是否继续触发DOMContentLoaded事件侦听器?

Javascript-触发函数使用反跳机制时删除事件侦听器

使用.on()事件的变量,自定义jQuery插件中的侦听器不会触发

如何在事件侦听器中使用 <option> 的值触发函数

如何检查侦听器事件是否是被动事件?

使用单个事件侦听器而不是多个事件侦听器

使用添加事件侦听器创建滚动事件 - Javascript

事件侦听器是否需要位于IIFE中?

事件侦听器是否需要位于IIFE中?

Angular是否会自动删除模板事件侦听器?

在删除元素之前是否需要删除事件侦听器?

如何检查是否存在动态附加的事件侦听器?

是否有 jQuery 的 .load(); 的 jQuery 事件侦听器?

是否可以在 if 语句中嵌套 jQuery 事件侦听器?

使用javascript手动更改表单/文本区域输入,并确保触发所有事件侦听器

单击事件侦听器和函数上的 JQuery,使用不同的参数以不同的方式触发?

使用纯JavaScript,是否有简单的方法将事件侦听器附加到类?

使用纯JavaScript,是否有简单的方法将事件侦听器附加到类?

使用 getElementByID 但不使用 querySelectorAll 的事件侦听器

使用进度事件侦听器覆盖主干同步

使用OnClick =或脚本附加事件侦听器

使用Jquery禁用文本框内的事件侦听器

如何删除在TypeScript中使用“ this”的事件侦听器?

将useEffect与事件侦听器一起使用

使用addEventListener获取附加到节点的事件侦听器

使用事件侦听器克隆引导程序元素