Pourquoi mes événements onclick en ligne ne fonctionnent-ils pas dans mon extension Chrome/Firefox ?

L'événement Onclick ne fonctionne pas dans l'extension Chrome/Firefox

JavaScript en ligne, couramment utilisé dans les documents HTML, permet l'exécution de scripts lors des interactions de l'utilisateur comme des clics sur des boutons. Cependant, cette approche est confrontée à des limitations dans les extensions Chrome et Firefox en raison de considérations de sécurité et de performances.

Cause :

Les extensions Chrome et Firefox WebExtensions interdisent le JavaScript en ligne pour améliorer la sécurité et prévenir les vulnérabilités potentielles.

Solution :

Pour résoudre ce problème problème, vous devez utiliser des écouteurs d'événements pour lier les événements onclick à des éléments spécifiques. Voici le code modifié :

popup.js:

document.addEventListener('DOMContentLoaded', function() {
  var link = document.getElementById('link');

  link.addEventListener('click', function() {
    hellYeah('xxx');
  });
});

popup.html:

<a>

Explication :

• Attribuer un identifiant à le lien, par exemple "lien".
• Dans le fichier popup.js, utilisez document.addEventListener('click', ...) pour écouter les événements onclick sur ce lien spécifique.
• La fonction de rappel exécute la logique hellYeah('xxx') lorsque le lien est cliqué.
• Assurez-vous que popup.js est chargé en tant que script distinct fichier dans popup.html.

En employant cette méthode, vous pouvez lier des événements onclick à des éléments dans les extensions Chrome et Firefox, garantissant ainsi leur fonctionnalité sans compromettre la sécurité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!