2016-12-14 2 views
0

Hallo Ich erstelle eine Chrome-App. Ich erstelle ein Klick-Ereignis auf Knopf mit Java Script. Es funktioniert gut in einfachen HTML-Seiten, funktioniert aber nicht in Chrome-App.onclick funktioniert nicht in Chrome App?

<!DOCTYPE html> 
 
<html> 
 
    <body> 
 
     <form> 
 
      <input type="button" id="btn01" value="OK"> 
 
     </form> 
 

 
     <p>Click the "Disable" button to disable the "OK" button:</p> 
 

 
     <button onclick="disableElement()">Disable</button> 
 

 
     <script> 
 
      function disableElement() { 
 
       document.getElementById("btn01").disabled = true; 
 
      } 
 
     </script> 
 
    </body> 
 
</html>

+0

Ich glaube nicht, dass Onclick-Ereignis mit mobilen Umgebungen kompatibel ist. –

+0

haben Sie diesen Beitrag, http://stackoverflow.com/questions/13591983/onclick-within-chrome-extension-not-working Sie sollten Ereignis-Listener hinzufügen. –

Antwort

0

Sie können nicht inline JavaScript in Chrome-Erweiterungen hinzufügen. Stattdessen müssen Sie eine externe JavaScript-Datei erstellen, in der Sie den Ereignis-Listener hinzufügen können. Etwas wie folgt aus:

document.addEventListener('DOMContentLoaded', function() { 
 
document.getElementById('disable-button').addEventListener('click', function() { 
 
     document.getElementById("btn01").disabled = true; 
 
    }); 
 
});
<!DOCTYPE html> 
 
<html> 
 
<body> 
 
    <form> 
 
    <input type="button" id="btn01" value="OK"> 
 
    </form> 
 

 
    <p>Click the "Disable" button to disable the "OK" button:</p> 
 
    <button id="disable-button">Disable</button> 
 
</body> 
 
</html>

Verwandte Themen