jet:introduction_to_javascript_event_handling
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
<button onclick="alert('hello, world');">Alerte</button>
méthode 2
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);
fonction cross-browser
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.
jet/introduction_to_javascript_event_handling.txt · Last modified: 2016/01/21 11:45 by leo