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 :
On lie ces events à des fonctions
<button onclick="alert('hello, world');">Alerte</button>
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);
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.
L'auteur conseille de plutôt utiliser une librairie spécialisée type jQuery plutôt que d'écrire son propre code cross-browser.