(单击)事件在innerHtml字符串角4中不起作用_单击事件在innerhtml字符串angular 6中不起作用_单击事件在selenium中不起作用 - 腾讯云开发者社区

问题：事件在innerHtml字符串中不起作用。

答案：当我们将HTML代码通过innerHTML属性插入到DOM中时，其中包含的事件处理程序可能不会起作用。这是因为innerHTML属性会将HTML代码作为字符串解析并插入到DOM中，但它不会重新绑定事件处理程序。

解决这个问题的方法是使用事件委托或手动重新绑定事件处理程序。事件委托是一种将事件处理程序绑定到父元素上，然后通过事件冒泡机制来触发子元素上的事件的技术。这样即使通过innerHTML插入新的子元素，事件处理程序仍然会起作用。

以下是一个示例代码：

<div id="parentElement">
  <button id="childElement">Click me</button>
</div>

<script>
  // 使用事件委托绑定事件处理程序
  document.getElementById("parentElement").addEventListener("click", function(event) {
    if (event.target && event.target.id === "childElement") {
      // 在这里处理按钮点击事件
      console.log("按钮被点击了");
    }
  });

  // 使用innerHTML插入新的子元素
  document.getElementById("parentElement").innerHTML += "<button id='newChildElement'>Click me too</button>";

  // 手动重新绑定事件处理程序
  document.getElementById("newChildElement").addEventListener("click", function() {
    // 在这里处理新按钮的点击事件
    console.log("新按钮被点击了");
  });
</script>

在上面的示例中，我们首先使用事件委托将事件处理程序绑定到父元素parentElement上。然后，我们通过innerHTML插入了一个新的子元素newChildElement。最后，我们手动重新绑定了新按钮的点击事件处理程序。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云函数（SCF）。

腾讯云云服务器（CVM）：腾讯云提供的弹性云服务器，可根据业务需求灵活选择配置，提供高性能、高可靠的计算能力。了解更多信息，请访问腾讯云云服务器（CVM）产品介绍。
腾讯云函数（SCF）：腾讯云提供的无服务器计算服务，可实现按需运行代码，无需关心服务器管理和运维。适用于处理事件驱动的任务和构建微服务架构。了解更多信息，请访问腾讯云函数（SCF）产品介绍。