web:js:dom

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision		 Révision précédente
web:js:dom [2023/03/30 20:36] – [createElement & appendChild] jcheronweb:js:dom [2023/03/31 03:06] (Version actuelle) – [Suppression de Listener] jcheron
Ligne 236: Ligne 236:
  
 ==== Listener ==== ==== Listener ====
 +La méthode **addEventListener()** attache un gestionnaire d'événements à l'élément spécifié.
  
 +<sxh html>
 +<button id="bt-alert">Click me!</button>
 +<script>
 +document.getElementById('bt-alert').addEventListener("click", function(){ alert("Hello World!"); });
 +</script>
 +</sxh>
 +
 +<html><div class="imageB">
 +<button id="bt-alert">Click me!</button>
 +<script>
 +document.getElementById('bt-alert').addEventListener('click', function(){ alert('Hello World!'); });
 +</script>
 +</div></html>
 +
 +Il est possible d'ajouter plusieurs gestionnaires sur le même évènement d'un élément.
 +
 +==== Suppression de Listener ====
 +
 +<sxh html>
 +<button id="bt-alert-2">Click me...</button>
 +<script>
 +const message=function(){ alert('Hello World!'); };
 +const bt=document.getElementById('bt-alert-2');
 +bt.addEventListener('click', message);
 +bt.removeEventListener('click', message);
 +</script>
 +</sxh>
 +
 +<html><div class="imageB">
 +<button id="bt-alert-2">Click me...</button>
 +<script>
 +const message=function(){ alert('Hello World!'); };
 +const bt=document.getElementById('bt-alert-2');
 +bt.addEventListener('click', message);
 +bt.removeEventListener('click', message);
 +</script>
 +</div></html>
  
  
  • web/js/dom.1680201396.txt.gz
  • Dernière modification : il y a 3 ans
  • de jcheron