首頁 > web前端 > js教程 > 為什麼我的內聯 onclick 事件在我的 Chrome/Firefox 擴充功能中不起作用?

為什麼我的內聯 onclick 事件在我的 Chrome/Firefox 擴充功能中不起作用?

Patricia Arquette
發布: 2024-12-17 12:50:24
原創
196 人瀏覽過

Why Aren't My Inline onclick Events Working in My Chrome/Firefox Extension?

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板