當用戶點擊“hyhy”時,“ha”應該更改為“xxx”,但在擴展中卻不起作用。

答案:

Chrome擴展和Firefox WebExtensions不允許使用內聯JavaScript。因此,需要使用其他方法來綁定事件。

一種方法是給鏈接分配一個ID(例如,),並在popup.js文件中使用addEventListener綁定事件:

document.addEventListener(\\'DOMContentLoaded\\', function() {    var link = document.getElementById(\\'link\\');    // 点击逻辑如下:    link.addEventListener(\\'click\\', function() {        hellYeah(\\'xxx\\');    });});

確保popup.js作為單獨的腳本文件被加載:

","image":"http://www.luping.net/uploads/20250206/173880504967a40f39c1d94.jpg173880504967a40f39c1d9c.jpg","datePublished":"2025-02-06T11:36:29+08:00","dateModified":"2025-02-06T11:36:29+08:00","author":{"@type":"Person","name":"luping.net","url":"https://www.luping.net/articlelist/0_1.html"}}
」工欲善其事,必先利其器。「—孔子《論語.錄靈公》

為什麼我的內線單擊功能在鉻/firefox擴展中不起作用?

發佈於2025-02-06
瀏覽:152

Why Doesn't My Inline onclick Function Work in a Chrome/Firefox Extension?

Extension中onclick或內聯腳本不起作用

問題:

在擴展中,onClick函數無法執行其預期功能,儘管在普通瀏覽器中它可以正常工作。

代碼示例:

function hellYeah(text) {
  document.getElementById("text-holder").innerHTML = text;
}

  
    Getting Started Extension's Popup
    
  
  
    

當用戶點擊“hyhy”時,“ha”應該更改為“xxx”,但在擴展中卻不起作用。

答案:

Chrome擴展和Firefox WebExtensions不允許使用內聯JavaScript。因此,需要使用其他方法來綁定事件。

一種方法是給鏈接分配一個ID(例如,),並在popup.js文件中使用addEventListener綁定事件:

document.addEventListener('DOMContentLoaded', function() {
    var link = document.getElementById('link');
    // 点击逻辑如下:
    link.addEventListener('click', function() {
        hellYeah('xxx');
    });
});

確保popup.js作為單獨的腳本文件被加載:

最新教學 更多>

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3