<！doctype html> 拡張機能のポップアップを開始します <スクリプトsrc = \\\"popup.js\\\">

ユーザーが「hyhy」をクリックすると、「ha」は「xxx」に変更する必要がありますが、拡張機能では機能しません。 回答：

chrome extensions and firefox webextensionsはインラインJavaScriptを許可しません。したがって、イベントにバインドするために他の方法を使用する必要があります。

1つの方法は、IDをリンク（たとえば）に割り当て、popup.jsファイルでaddeventlistenerを使用してイベントをバインドすることです。 、 関数（） { var link = document.getElementById（ 'link'）; //クリックロジックは次のとおりです。 link.addeventlistener（ 'click'、function（）{ hellyeah（ 'xxx'）; }）;}）; 
function hellYeah(text) {  document.getElementById(\\\"text-holder\\\").innerHTML = text;}
popup.jsが別のスクリプトファイルとしてロードされることを確認してください：

<スクリプトsrc = \\\"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"}}
  

  
    
    
    

  

    

      

        「労働者が自分の仕事をうまくやりたいなら、まず自分の道具を研ぎ澄まさなければなりません。」 - 孔子、「論語。陸霊公」      

      

    

  

  

    

      

        
        
      

      

        

          オンラインツール
        

        

          ソフトウェアチュートリアル
        

        

          サイトナビゲーション
        

        

          プログラミング
        

      

      
    

  






    
    
    

      

        
        表紙 > プログラミング > なぜ私のインラインのオンクリック関数がChrome/Firefox拡張機能で機能しないのですか？
      

      

        

          

            

              
なぜ私のインラインのオンクリック関数がChrome/Firefox拡張機能で機能しないのですか？

              

                

                  2025-02-06に投稿しました                

                

                  
                  ブラウズ：552
                 
                

                
                
                
                
                
                
                
                
              

            

            

            

              
              
 Why Doesn't My Inline onclick Function Work in a Chrome/Firefox Extension?
 
 
   extension onclickまたはinlineスクリプトが機能しない
 
 問題： 
 
 
 
 OnClick関数の場合の拡張機能では、OnClick関数は、通常のブラウザでは正常に機能しますが、予想される関数を実行できません。   
コード例：
function hellYeah(text) {
  document.getElementById("text-holder").innerHTML = text;
}
 

  
    Getting Started Extension's Popup
    
  
  
    
 
 

  

    拡張機能のポップアップを開始します
     
  
  
    
  
ユーザーが「hyhy」をクリックすると、「ha」は「xxx」に変更する必要がありますが、拡張機能では機能しません。  回答：
 
 
 chrome extensions and firefox webextensionsはインラインJavaScriptを許可しません。したがって、イベントにバインドするために他の方法を使用する必要があります。 
 
 1つの方法は、IDをリンク（たとえば）に割り当て、popup.jsファイルでaddeventlistenerを使用してイベントをバインドすることです。 、 関数（） {
    var link = document.getElementById（ 'link'）;
    //クリックロジックは次のとおりです。
    link.addeventlistener（ 'click'、function（）{
        hellyeah（ 'xxx'）;
    }）;
}）; 
function hellYeah(text) {
  document.getElementById("text-holder").innerHTML = text;
}
 popup.jsが別のスクリプトファイルとしてロードされることを確認してください：
 
   
            

            
            

                      

          

          

            

              最新のチュートリアル
              もっと>
            

            
          

        

        

          

            

              分類もっと>
            

            

                            日本語を学ぶ
                            韓国語を学ぶ
                            中国語を学びます
                            外国語を学ぶ
                            ゲーム
                            よくある問題
                            テクノロジー周辺機器
                            AI
                            ソフトウェアチュートリアル
                            プログラミング
                            記事
                          

          

          

            

              
中国語を勉強する

            

            
          

          

            

              道具もっと>
            

            

                            
                
                

                  
画像のbase64デコード

                

              
                            
                
                

                  
中国語のピンイン

                

              
                            
                
                

                  
Unicodeエンコーディング

                

              
                            
                
                

                  
JS難読化暗号化圧縮

                

              
                            
                
                

                  
URL 16 進暗号化ツール

                

              
                            
                
                

                  
UTF-8エンコード変換ツール

                

              
                            
                
                

                  
オンラインの Ascii エンコードおよびデコード ツール

                

              
                            
                
                

                  
MD5暗号化ツール

                

              
                            
                
                

                  
ハッシュ/ハッシュ テキストのオンライン暗号化および復号化ツール

                

              
                            
                
                

                  
オンライン SHA 暗号化

                

              
                          

          

          

        

      

    

    
    
    

    

        
免責事項: 提供されるすべてのリソースの一部はインターネットからのものです。お客様の著作権またはその他の権利および利益の侵害がある場合は、詳細な理由を説明し、著作権または権利および利益の証拠を提出して、電子メール [email protected] に送信してください。
          できるだけ早く対応させていただきます。

        
Copyright© 2022 湘ICP备2022001581号-3