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
Freigeben: 2024-12-19 03:34:17
Original
914 Leute haben es durchsucht

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');
    });
});
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage