為什麼我的內聯 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></a>

解釋：

賦值連結的 ID，例如「連結」。
• 在 popup.js 檔案中，使用 document.addEventListener('click', ...) 偵聽該特定連結上的 onclick 事件。
• 點選連結時回呼函數會執行 hellYeah('xxx') 邏輯。
• 確保 popup.js 載入為popup.html 中的單獨腳本檔案。

透過使用此方法，您可以將 onclick 事件綁定到 Chrome 和 Firefox 擴充功能中的元素，確保其功能而不影響安全性。

以上是為什麼我的內聯 onclick 事件在我的 Chrome/Firefox 擴充功能中不起作用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！