将 EventListener 附加到文档中，并通过浏览器了解自定义事件-解网

问：

我了解到，在不覆盖现有事件的情况下将事件处理程序附加到指定元素addEventListener()

例：

<html>
<body>

<button id="myBtn">Try it</button>

<p id="demo">

<script>
myBtn.addEventListener("click", myFunction);

function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

</body>
</html>

所以我正在处理的元素是 myBtn，侦听的事件是 click

然而，情况如何

  created() {

  document.addEventListener('onAddWork', () => {
      this.$emit('hello',this.txt);
    });

  },

哪个元素？它可以是文件吗？那么 addWork 上的自定义事件呢，浏览器将如何理解它（就像单击或鼠标悬停一样）？

更新

     <v-btn @click="saveWork"> {{ 'validate' }} </v-btn>

    saveWork() {
      document.dispatchEvent(new CustomEvent('onAddWork'));
      // do...
    },

JavaScript 事件

如果调度某个特定事件，并且具有该特定事件的侦听器，则侦听器将在收到该事件时响应（运行其代码）。请研究该主题以了解更多信息，Stack Overflow 不是提出基本问题的最佳场所。他们已经在网站上被问到和回答了，互联网上有很多教程和指南。使用 Vue，你不需要使用它来做任何事件监听或事件调度，它内置在框架中。在不首先了解底层 JS 基础知识的情况下使用 Vue 可能是一个坏主意。document

答： 暂无答案

上一个：Tkinter 无法检测到事件

下一个：尝试启用 reCAPTCHA 验证时 onSubmit 事件的 JS 问题

将 EventListener 附加到文档中，并通过浏览器了解自定义事件

attach eventlistener to document & understanding of custom event by browser

评论