當用戶點擊“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
瀏覽:766

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作為單獨的腳本文件被加載:

最新教學 更多>
  • 哪種方法更有效地用於點 - 填點檢測:射線跟踪或matplotlib \的路徑contains_points?
    哪種方法更有效地用於點 - 填點檢測:射線跟踪或matplotlib \的路徑contains_points?
    在Python 射線tracing方法Matplotlib's path.contains_points FunctionMatplotlib's path.contains_points function employs a路徑對象表示多邊形。它檢查給定點是否位於定義路徑內。 T...
    程式設計 發佈於2025-02-06
  • 如何在Java字符串中有效替換多個子字符串?
    如何在Java字符串中有效替換多個子字符串?
    Exploiting Regular ExpressionsA more efficient solution involves leveraging regular expressions.正則表達式允許您定義復雜的搜索模式並在單個操作中執行文本轉換。 示例示例usage 接下來,您可以使用匹配...
    程式設計 發佈於2025-02-06
  • 如何在容器中實現流體寬度,甚至在四個Divs中實現間距?
    如何在容器中實現流體寬度,甚至在四個Divs中實現間距?
    fluid width具有平等間隔divs 這使divs水平分配,在它們之間分佈空間。 寬度設置為100%。它擴展以填充容器的剩餘寬度。 display:inline-block; *顯示:內聯; Zoom:1;:確保IE6/7的內聯障礙行為。線高:0;:防止IE6中的內聯塊引起的垂直空間...
    程式設計 發佈於2025-02-06
  • 如何使用不同的音頻格式和庫在Java中播放聲音?
    如何使用不同的音頻格式和庫在Java中播放聲音?
    在java中播放聲音:綜合概述 AudioSystem和剪貼類 自定義sound plaphback 文件格式考慮 替代庫 :一個提供跨平台兼容性 java 9庫參考:https://docs.oracle.com/javase/javase/9​​/docs/api/javax/java...
    程式設計 發佈於2025-02-06
  • 如何使用FormData()處理多個文件上傳?
    如何使用FormData()處理多個文件上傳?
    )處理多個文件輸入時,通常需要處理多個文件上傳時,通常是必要的。可以將fd.append("fileToUpload[]", files[x]);方法用於此目的,允許您在單個請求中發送多個文件。 初始嘗試 在JavaScript中,一種常見方法是:); 但是,此代碼僅處理第...
    程式設計 發佈於2025-02-06
  • 如何解析“ ssl3_get_server_certificate:證書驗證失敗” PHP中的錯誤?
    如何解析“ ssl3_get_server_certificate:證書驗證失敗” PHP中的錯誤?
    求解“ ssl3_get_server_certificate:证书验证失败”在Web开发领域中https requests 通过php configuration 解决错误:从https:// curl下载ca-certificates bundle。 se/ca/cacert.pem。将下载...
    程式設計 發佈於2025-02-06
  • 在寫作後,如何避免``io.eof''
    在寫作後,如何避免``io.eof''
    [2 。隨後,當嘗試從同一文件指針讀取數據時,由於文件指針仍處於文件末尾,因此會遇到立即io.eof(文件末尾)錯誤。 為了在撰寫後成功讀取來自同一文件指針的數據,必須使用Seek方法將文件指針重置為文件的開頭。這是您可以修改示例代碼的方法: //在閱讀之前先尋求文件的開始 _,err:= f....
    程式設計 發佈於2025-02-06
  • 什麼是JavaScript時間死區,我該如何避免?
    什麼是JavaScript時間死區,我該如何避免?
    在使用javascript 中理解暫時死亡區域,您可能會遇到“暫時死亡區域”一詞在訪問訪問變量時在初始化之前和const。這可能會導致參考器,讓您撓頭。 暫時死區 暫時死亡區是執行塊scoped的時期變量尚未定義的變量(用let或const聲明) 。 This undefined period e...
    程式設計 發佈於2025-02-06
  • \“(1)vs.(;;):編譯器優化是否消除了性能差異?\”
    \“(1)vs.(;;):編譯器優化是否消除了性能差異?\”
    使用(1)而不是(;;)會導致無限循環的性能差異? 現代編譯器,(1)和(;;)之間沒有性能差異。 是如何實現這些循環的技術分析在編譯器中: perl: S-> 7 8 unstack v-> 4 -e語法ok 在GCC中,兩者都循環到相同的彙編代碼中,如下所示:。 globl t_時 ...
    程式設計 發佈於2025-02-06
  • 如何為PostgreSQL中的每個唯一標識符有效地檢索最後一行?
    如何為PostgreSQL中的每個唯一標識符有效地檢索最後一行?
    [2最後一行與數據集中的每個不同標識符關聯。考慮以下數據: 1 2014-02-01 kjkj 1 2014-03-11 ajskj 3 2014-02-01 sfdg 3 2014-06-12 fdsa 在(ID)上選擇DISTINC 來自the_table 按ID訂單,date desc;...
    程式設計 發佈於2025-02-06
  • 我應該選擇哪種MySQL索引類型(覆蓋,複合或列)以進行最佳查詢性能?
    我應該選擇哪種MySQL索引類型(覆蓋,複合或列)以進行最佳查詢性能?
    mysql索引類型:covering,composite和column 在本文中,我們將檢查mysql中可用的不同類型的索引:覆蓋,複合和色譜柱索引。我們將探索它們的機制,功能和性能的含義,以優化您的查詢。 QUERY使用多個indexes 覆蓋索引,複合索引包含多個列。 MySQL僅...
    程式設計 發佈於2025-02-06
  • 如何檢查對像是否具有Python中的特定屬性?
    如何檢查對像是否具有Python中的特定屬性?
    方法來確定對象屬性存在尋求一種方法來驗證對像中特定屬性的存在。考慮以下示例,其中嘗試訪問不確定屬性會引起錯誤: >>> a = someClass() >>> A.property Trackback(最近的最新電話): 文件“ ”,第1行, AttributeError:SomeClass實...
    程式設計 發佈於2025-02-06
  • 決策樹分類器示例以預測客戶流失
    決策樹分類器示例以預測客戶流失
    [2 决策树分类器示例以预测客户流失 概述 该项目演示了如何使用决策树分类器来预测客户流失(是否离开服务)。该数据集包含诸如月度费用和 customer Service call 之类的功能,目的是预测客户是否会流失。 该模型是使用Scikit-Learn的决策树分类...
    程式設計 發佈於2025-02-06
  • Java是否允許多種返回類型:仔細研究通用方法?
    Java是否允許多種返回類型:仔細研究通用方法?
    在java中的多個返回類型:一個誤解介紹,其中foo是自定義類。該方法聲明似乎擁有兩種返回類型:列表和E。但是,情況確實如此嗎? 通用方法:拆開神秘 [方法僅具有單一的返回類型。相反,它採用機制,如鑽石符號“ ”。 分解方法簽名: :本節定義了一個通用類型參數,E。它表示該方法接受了擴展foo類...
    程式設計 發佈於2025-02-06
  • 為什麼存在CSS供應商前綴?
    為什麼存在CSS供應商前綴?
    在CSS中的vendor prefixes:在CSS的世界中脫穎而額外的代碼,用於看似冗餘的屬性。為什麼瀏覽器選擇創建這些前綴,使我們的樣式任務變得複雜? 答案在於CSS規範的進化性質。供應商通常在發布最終規格之前實現實驗功能。為了避免與未來的更改發生衝突,他們介紹了供應商前綴。 這些前綴用作標誌...
    程式設計 發佈於2025-02-06

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

Copyright© 2022 湘ICP备2022001581号-3