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

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');
    });
});