Pourquoi \'Uncaught ReferenceError : la fonction n'est pas définie\' se produit-il avec les attributs Onclick et comment puis-je y remédier ?

"Uncaught ReferenceError : la fonction n'est pas définie" avec l'attribut Onclick

Problème :

Lorsque vous cliquez sur un bouton avec un attribut onclick, l'erreur "Uncaught ReferenceError : la fonction n'est pas définie" se produit.

Cause :

Les scripts utilisateur s'exécutent dans un environnement isolé où onclick opère dans la portée de la page cible. Par conséquent, onclick ne peut pas accéder aux fonctions définies dans le script utilisateur.

Solution :

Évitez d'utiliser onclick et utilisez plutôt addEventListener(). Par exemple :

emoteTab[2].innerHTML += '<span>

Code mis à jour :

for (i = 0; i < EmoteURLLines.length; i++) {
    if (checkIMG (EmoteURLLines[i])) {
        localStorage.setItem ("nameEmotes", JSON.stringify (EmoteNameLines));
        localStorage.setItem ("urlEmotes", JSON.stringify (EmoteURLLines));
        localStorage.setItem ("usageEmotes", JSON.stringify (EmoteUsageLines));
        if (i == 0) {
            console.log (resetSlot ());
        }
        emoteTab[2].innerHTML  += '<span>

var targetSpans = emoteTab[2].querySelectorAll ("span[data-usage]");
for (var J in targetSpans) {
    targetSpans[J].addEventListener ("click", appendEmote, false);
}

Avertissements supplémentaires :

• Évitez d'utiliser le même identifiant pour plusieurs éléments (invalide).
• N'oubliez pas que l'utilisation innerHTML ou externalHTML peuvent écraser les gestionnaires d'événements sur les nœuds concernés.

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!