Latest web development tutorials
×

JavaScript cours

JavaScript cours JavaScript Brève introduction JavaScript usage JavaScript exportation JavaScript grammaire JavaScript Déclarations JavaScript note JavaScript variable JavaScript Types de données JavaScript Objets JavaScript fonction JavaScript portée JavaScript événement JavaScript chaîne JavaScript opérateurs JavaScript comparer JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript Type de conversion JavaScript expressions régulières JavaScript erreur JavaScript debugging JavaScript ascenseur variable JavaScript Strict mode JavaScript utilisation inappropriée JavaScript Authentification Forms JavaScript Mots clés réservés JavaScript JSON JavaScript void JavaScript Spécification code

JS fonction

JavaScript Définition de la fonction JavaScript Arguments de la fonction JavaScript appel de fonction JavaScript fermetures

JS HTML DOM

DOM Brève introduction DOM HTML DOM CSS DOM événement DOM EventListener DOM élément

JS Tutorial avancée

JavaScript Objets JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Objets

JS Navigateur BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript événement Timed JavaScript Cookies

JS entrepôt

JavaScript entrepôt JavaScript test jQuery JavaScript test Prototype

JS Exemples

JavaScript Exemples JavaScript instance de l'objet JavaScript instance d'objet du navigateur JavaScript HTML DOM Exemples JavaScript résumé

JS Manuel de référence

JavaScript Objets HTML DOM Objets

JavaScript Evénements

événements HTML ont eu lieu sur les choses de l'élément HTML.

Lorsque vous utilisez JavaScript dans les pages HTML, JavaScript peut déclencher ces événements.

HTML événement

événement HTML peut être le comportement du navigateur peut aussi être le comportement des utilisateurs.

Les exemples d'événements HTML sont les suivants:

  • page HTML se termine le chargement
  • Lorsque des changements de champ d'entrée HTML
  • bouton HTML est cliqué

En règle générale, quand un événement se produit, vous pouvez faire quelque chose.

Quand un événement est déclenché JavaScript peut exécuter du code.

Les éléments HTML peuvent être ajoutés à un attribut d'événement à l'aide du code JavaScript pour ajouter des éléments HTML.

Les guillemets simples:

<Some-HTML-élément événement = ' un peu de JavaScript>

Les guillemets doubles:

<Quelque Certains HTML-élément event = " un peu de JavaScript">

Dans l'exemple suivant, un élément de bouton ajouté attribut onclick (plus code):

Exemples

<Bouton onclick = 'getElementById ( "demo"). InnerHTML = Date ()> Le temps est maintenant ?? </ button>

Essayez »

L'exemple ci-dessus, JavaScript contenu du code id = élément "demo".

Dans l'exemple suivant, le code modifie le contenu de l'élément lui - même ( en utilisant ces .innerHTML):

Exemples

<Bouton onclick = "this.innerHTML = Date ()"> Le temps est maintenant? </ Button>

Essayez »

note code JavaScript est généralement quelques lignes de code. Plus commune est invoquée par les propriétés de l'événement:

Exemples

<Bouton onclick = "displayDate ()"> Le temps est maintenant? </ Button>

Essayez »

événement HTML commun

Voici une liste d'un événement HTML commun:

événement description
onchange élément change HTML
onclick Un utilisateur clique sur un élément HTML
onmouseover L'utilisateur déplace la souris sur un élément HTML
onmouseout Les utilisateurs se déplacent la souris à partir d'un élément HTML
onkeydown L'utilisateur appuie sur une touche
onload Le navigateur a fini de charger la page

Plus la liste de l' événement: la référence JavaScript - événement HTML DOM .

JavaScript Que peut-on faire?

Les événements peuvent être utilisés pour traiter la forme de validation, les entrées de l'utilisateur, le comportement de l'utilisateur et les actions du navigateur:

  • L'événement est déclenché lorsque la page se charge
  • L'événement est déclenché lorsque la page Fermer
  • L'utilisateur clique sur un bouton pour effectuer une action
  • Vérifiez la légitimité de l'entrée d'utilisateur
  • Et ainsi de suite ...

Vous pouvez utiliser une variété de méthodes pour exécuter le code JavaScript de l'événement:

  • les attributs d'événements HTML peuvent exécuter du code JavaScript directement
  • les attributs d'événements HTML peuvent appeler la fonction JavaScript
  • Vous pouvez spécifier votre propre gestionnaire d'événements pour les éléments HTML
  • Vous pouvez empêcher la survenance d'un événement.
  • Et ainsi de suite ...
note Dans le HTML chapitre DOM vous en apprendrez plus sur l'événement et la connaissance du gestionnaire d'événements.