Implémentation JavaScript pure pour obtenir les valeurs des compétences onclick, onchange et autres events_javascript

Lorsque Xiaocai a traité du problème en cascade des menus déroulants aujourd'hui, je voulais obtenir le contenu d'un événement dans la balise HTML, c'est-à-dire la valeur, par exemple, de Obtenez javascript:test();

Xiaocai voulait utiliser les informations de l'événement pour déterminer le menu du niveau suivant, mais cette question apparemment simple a embrouillé Xiaocai.

Si vous connaissez un peu JQuery, vous pouvez essayer de l'obtenir comme ceci :

Copier le code Le code est le suivant :

$(document).ready(function(){
var onchangeValue = $("#city").attr("onchange");
alerte(onchangeValue);
});

Dans des circonstances normales, cela peut en effet être obtenu, car la méthode attr universelle de JQuery peut obtenir n'importe quel "attribut" dans la balise Même s'il s'agit d'un événement, le contenu peut être obtenu ici directement lors du changement.

Mais dans l'environnement de développement actuel, Xiaocai ne peut pas être obtenu en utilisant cette méthode, et tous les résultats obtenus ne sont pas définis.

Quand j'avais du mal, j'ai trouvé un autre moyen de l'obtenir en utilisant du JavaScript pur.

Le code spécifique est le suivant :

Copier le code Le code est le suivant :

$(document).ready(function(){
var onchangeValue = document.getElementById("city").getAttributeNode("onchange").nodeValue;
alerte(onchangeValue);
});

Pour faire simple, la méthode getAttributeNode() est principalement utilisée ici. Elle obtient le nœud d'attribut, en ignorant la différence entre les attributs et les événements, similaire au traitement XML, puis utilise nodeValue pour obtenir la valeur du nœud du nœud d’attribut.

Si vous utilisez la méthode getAttribute(), puisque onchange est un événement, ce que vous obtenez est un objet fonction et ne peut pas être traité comme une chaîne.

J’espère que cet article pourra aider les chaussures pour enfants dans le besoin. . . . .

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：JavaScript implémente les compétences d'impression, d'aperçu avant impression et de paramètres d'impression_javascriptArticle suivant：JavaScript implémente les compétences d'impression, d'aperçu avant impression et de paramètres d'impression_javascript

Articles Liés

Voir plus

• Une analyse approfondie du composant de groupe de liste Bootstrap
• Explication détaillée du currying de la fonction JavaScript
• Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
• Angularjs intègre l'interface utilisateur WeChat (weui)
• Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript

Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！

À propos de nousClause de non-responsabilitéSitemap

© php.cn All rights reserved