为什么我的内联 onclick 事件在我的 Chrome/Firefox 扩展中不起作用？

Onclick 事件在 Chrome/Firefox 扩展中不起作用

内联 JavaScript，常用于 HTML 文档，允许在用户交互时执行脚本就像按钮点击一样。然而，由于安全和性能方面的考虑，这种方法在 Chrome 和 Firefox 扩展中面临限制。

原因：

Chrome 扩展和 Firefox WebExtensions 禁止内联 JavaScript 以增强安全性和防止潜力

解决方案：

要解决此问题，您必须使用事件侦听器将 onclick 事件绑定到特定元素。这是修改后的代码:

popup.js:

document.addEventListener('DOMContentLoaded', function() {
  var link = document.getElementById('link');

  link.addEventListener('click', function() {
    hellYeah('xxx');
  });
});

popup.htm l:

<a>

解释：

• 赋值链接的 ID，例如“链接”。
• 在 popup.js 文件中，使用 document.addEventListener('click', ...) 侦听该特定链接上的 onclick 事件。
• 点击链接时回调函数会执行 hellYeah('xxx') 逻辑。
• 确保 popup.js 被加载为popup.html 中的单独脚本文件。

通过使用此方法，您可以将 onclick 事件绑定到 Chrome 和 Firefox 扩展程序中的元素，确保其功能而不影响安全性。

以上是为什么我的内联 onclick 事件在我的 Chrome/Firefox 扩展中不起作用？的详细内容。更多信息请关注PHP中文网其他相关文章！