Heim >Web-Frontend >js-Tutorial >Warum funktionieren meine onClick-Ereignisse nicht in Chrome-/Firefox-Erweiterungen?

Warum funktionieren meine onClick-Ereignisse nicht in Chrome-/Firefox-Erweiterungen?

Linda Hamilton
Linda HamiltonOriginal
2024-12-19 03:34:17900Durchsuche

Why Aren't My onClick Events Working in Chrome/Firefox Extensions?

onClick-Ereignis funktioniert in Chrome/Firefox-Erweiterungen nicht

Problem:
Eine .html- und .js-Datei funktioniert ordnungsgemäß, wenn sie geladen wird ein normaler Browser, aber wenn es in einer Chrome- oder Firefox-Erweiterung verpackt ist, ist das onClick-Ereignis nicht funktionsfähig.

Lösung:
Chrome-Erweiterungen und Firefox-WebExtensions unterstützen kein Inline-JavaScript.

Ansatz:

  1. Fügen Sie dem auslösenden Element eine ID hinzu (z. B.
  2. Load popup.js als separates Skript in der .html-Datei (z. B. ).
  3. Verwenden Sie in popup.js addEventListener, um die zu binden onClick-Ereignis:
document.addEventListener('DOMContentLoaded', function() {
    var link = document.getElementById('link');
    // onClick's logic below:
    link.addEventListener('click', function() {
        hellYeah('xxx');
    });
});

Das obige ist der detaillierte Inhalt vonWarum funktionieren meine onClick-Ereignisse nicht in Chrome-/Firefox-Erweiterungen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn