Vous êtes sur la page 1sur 2

Support de Cours : Programmation Web 2 –TI13 ISET Tozeur

Les evenements sont les actions de l utilisateur qui peuvent survenir sur le navigateur et auquel on doit associer le
traitement on peut dire que les evnements sont les declencheurs de tout les script cree .
Les evenement sont par le gestionnaire des evenements javascript le gestionnaire detecte chacun des evenement et
si il ya un traitement derriere cette evenement ce sra executé .
Les evenements les plus connu comme le clic sur un boutton ou image le chargement de la page ou d une image le
redimensionennent de naviagetu le clic sur un boutton submit …
Boutton de type input et on associe un evenement javascript
Lui associer un evenement js si le evenement detecter sur cet objet la alors une action va sen suivre
Perevoir l evenement clic c a dir lorqu on clic sur cette boutton va donner lieu a l exection de code javascript
souhaité
Oncllick demande au gestionnaire de evenements de prendre en cosideration l’evenement clic qui peut survenir sur
le boutton courant «  «  on met de code javascript
<input type="button" value="Button" onClick="alert('bonjour')" />
Si vous declarerr un evenement sur un objet on peut integerer directement javascript de cette manière !
Cliquer sur le bouttoon cest le declencheur de l evenement click a la suite lequel un code javascript sera executer
Enseignante : Mme Ines DERBALI 1
Support de Cours : Programmation Web 2 –TI13 ISET Tozeur
ausuitot c n’est pas la suele manière de declrer un venement (autre methode flux courant ou sur le DOM) :
gestionnaire d’événement local sur l’objet courant .
Evebement onMouseOver( ) si je survolle l’objet si je met le curseur de la sorie sur l’objet boutton dans ce cas le
message bonjour sera exectuer
<input type="button" value="Button" onmouseover="alert('bonjour')" />
Il suffut de passer au dessus de boutton l evenement detecter code javascript sera execute
(applique code js directement dur l’objet) petit script ne cause aucun pribelem mais si est in gran scirpt le code
devient encombré et ce pas bien .
Solution declacrer nos instruction au sein d’une fonction javascript que l on appelera par la suite a l’venement
zxzmplz
Il fuat metre ka fonction avant
<body>
<script language="javascript">
function f(){
alert("bonjour a tous ");
}
</script>
<input type="button" value="Button" onmouseover="f()" />
</body>
</html>
onMouseOut : quitter l objet apres l avoir survoler qu on survolle le button se pase rien qund je quite le boutton l
evenement se declenche
<input type="button" value="Button" onMouseOut="f()" />
onDblClick() qund je clck deux fois de suite sur le meme objet evnement de decmenche
<input type="button" value="Button" ondblclick="f()" />
onLoad : charge une page entiere ou une image
lorsqu on charge la page la fonction f sera exectuter s applique sur body ou la balise img
<body onload="f()">
Le code javascript s’execute lorque la page se charge et lorsque on double click sur le boutton

Enseignante : Mme Ines DERBALI 2

Vous aimerez peut-être aussi