[JavaScript] 事件突然停止触发？让我们将它包装在文档中。

介绍

我想很多到达这篇文章的人都想解决在JS中即使点击按钮也不会触发事件的错误。

我在工作中也遇到了两次错误，事件被正常触发，但有时由于某种原因事件没有被触发。我想把它作为备忘录留在这里，因为我认为这是一个相当普遍的现象。

实际案例

1.异步切换时（指定时间段或勾选复选框时），JS实现的CSV下载按钮停止工作。
2、post表单的post按钮添加了一个click事件，但是点击post按钮时异步触发另一个错误后，click事件停止触发。

结论

如果你修复它，即使对于动态添加的带有(document).on("click", element 的 DOM，它也会触发 JS，事件会毫无问题地触发。

示例.js

//Before
$(".open-csv-modal").on("click",() => {
  //イベント内処理//
});

//After
$(document).on("click", ".open-csv-modal", () => {
  //イベント内処理//
});

顺便问一下，什么是 DOM？

一种以编程方式操作 HTML 的机制。
在这种情况下，当按下此按钮时，感觉就像执行 DOM 操作以进行这种移动。

在基本 HTML 中指定类和 id，然后是普通标签，并在 JavaScript 中描述如何操作它们。此外，您还可以更改文本的颜色、在站点上插入文本以及使用 DOM 操作进行各种操作。

参考

后记

这一次，我留下了一个备忘录，关于如何在异步之后编写诸如点击事件之类的事件，例如在选择日期之后或在提交表单时发生异步错误之后。

将来，如果由于某种原因事件没有触发，即使它正常工作，也可以怀疑这一点。

原创声明：本文系作者授权爱码网发表，未经许可，不得转载;

原文地址：https://www.likecs.com/show-308623419.html