« Programmation JavaScript/Évènement » : différence entre les versions

 

{{cadre code|L'appuie sur le bouton "bt" envoie un message avec son id :|

<FORM>

<INPUT type="button" id="bt" onclick="alert('Vous avez cliqué sur '+this.id+'.');">

</FORM>

}}

La commande peut aussi être une fonction que vous avez vous-même définie ultérieurement.

 

{{cadre code|Le même effet est obtenu différemment :|

<FORM>

<INPUT type="button" id="bt">

</FORM>

La fonction javascript est définie après :

document.getElementById("bt").onclick = function(event)

{

alert("Vous avez cliqué sur "+this.id+".");

}

}}

 

Le paramètre Event n'est pas accessible avec Internet Explorer, il faut donc passer par la variable globale window.event. Autrement, il suffit de récupérer l'instance de l'Event en paramètre de la fonction.

 

//Capture la touche de clavier enfoncée

document.onkeydown = function(event)

if (typeof event == "undefined" ) event = window.event;

}

 

== Écouteurs d'événements ==

 

{{cadre code|Lors de l'appui sur le bouton "my_button", on affiche le type d'évènement la cible courante et on efface l'écouteur de sorte que cette action ne s'effectue qu'une seule fois.|

function clickMe(event)

{

document.getElementById("my_button").addEventListener("click", clickMe, false);

}

}}

 

 

{{cadre code|Dans cet exemple un message envoie le code de la touche appuiée :|

document.onkeydown = function(event)

{

}

}

}}

 

 

{{cadre code|Lorsque l'on clique avec la souris un message apparaît avec la position de la souris et le bouton cliqué : |

document.onmousedown = function(event)

{

}

}

}}