DokuWiki

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
|<- [[jet:Creating DOM elements]]|[[jet:Working with onClick and onLoad events]] ->|

Les events sont déclenchés lors de la consultation de la page, lorsqu'un élément est cliqué, survolé, etc. On n'écrit donc pas les **events** mais les **écouteurs** (event handler/listener).

Event names :
  - onload
  - onclick
  - onmouseover
  - onblur
  - onfocus

On lie ces events à des fonctions

=== méthode 1 : la plus barbare ===
<code>
<button onclick="alert('hello, world');">Alerte</button>
</code>

===méthode 2===
<code>
element.event = function() {
  // code (anonymous function)
}; // <- semicolon at the end of the statement
myelement.onclick = function() { /* code */ };

=== méthode 3 ===
<code>
document.addEvenetListener('click', myFunction, false);
document.removeEventListener('click', myFunction, false);
// click rather than onclick, release than onrelease etc.

//<=IE8
document.attachEvent('onclick', myFunction);
</code>

==fonction cross-browser==
<code>
function addCrossBrowserEventListener (elementName, eventName, functionName) {
// does the addeventlistener function exist?
if (elementName.addEventListener) {
// yes - use it
elementName.addEventListener ( eventName, functionName, flase);
} else {
elementName.attachEvent("on" + eventName, functionName);
}
// le true false à la fin trig un "super event' rarement utile.
</code>

L'auteur conseille de plutôt utiliser une librairie spécialisée type jQuery plutôt que d'écrire son propre code cross-browser.