User Tools

Site Tools


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 :

  1. onload
  2. onclick
  3. onmouseover
  4. onblur
  5. 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