Maison >interface Web >js tutoriel >Attributs onclick en ligne ou écouteurs d'événements : quel est le meilleur pour gérer les événements ?
<p><p>Cependant, il est généralement recommandé d'utiliser des écouteurs d'événements à la place.<p>Avantages des auditeurs d'événements<p>Le principal avantage des auditeurs d'événements réside dans la séparation de la présentation et de la logique. Les gestionnaires d'événements en ligne intègrent directement le code dans le HTML, ce qui peut rendre la base de code inutilement encombrée et difficile à maintenir.<p>Un problème encore plus important se pose avec l'évaluation des gestionnaires d'événements en ligne. Ces gestionnaires d'événements accèdent aux propriétés de leurs éléments ancêtres et de l'élément lui-même, même si un tel accès ne devrait pas être possible en fonction des règles de portée.<p>Par exemple, considérons le code HTML suivant :
<form> <input name="foo" /> <button type="button" onclick="console.log(foo); console.log(window.foo);"> Click me </button> <div onclick="console.log(foo);">Click me as well!</div> </form><p>Lorsque vous cliquez sur le bouton ou sur
document.getElementById('element').onclick = doSomething;<p>vous définissez explicitement la fonction du gestionnaire d'événements et sa portée, empêchant ces anomalies d'évaluation et garantissant un comportement de code plus prévisible.
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!