HTML attribut d'événement onclick

Somaire

 Définition et utilisation événement onclick

LES BALISES HTML

Lorsqu’on manipule le bouton de la souris on crée une série d’événement et qui sont dans l’ordre :
on appuis sur le bouton
puis on le relâche
ce qui crée un clique.
Donc ces trois événement sont toujours liés mais on peut faire appelle à l’un ou l’autre de ces événements pour exécuter un script donné.
L’attribut d'événement onclick est déclenché quand un utilisateur clique sur le bouton de la souris au dessus de l'élément.
astuce  Astuce : L'ordre des événements liés à l'événement onmousedown (pour le bouton gauche/milieu de la souris) :
OnMouseDown
OnMouseUp
OnClick
Remarque : L'attribut onclick ne peut pas être utilisé avec les éléments : <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, ou <title>.
Syntaxe

<div onclick="script" />
Valeurs d'attribut

Valeur

Description

script

Le script à exécuter sur onclick


Exemple Exécuter un JavaScript lorsque l'utilisateur clique sur un bouton de la souris:

Sélectionner le code

  <!DOCTYPE html>
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>HTML demo</title>
  <script>
  function copierText(){
  document.getElementById("Champs2").value= document.getElementById("Champs1").value;
  }
  </script>
  </head>
  <body>
  Champs1: <input type="text" id="Champs1" value= "Bonjour le monde!"><br>
  Champs2: <input type="text" id="Champs2">
  <br><br>
  <button onclick="copierText()">Copier Texte</button>
  <p>Une fonction est déclenchée lorsque le bouton est cliqué. La fonction copie
  le texte de Champs1 en Champs2.</p>
  </body>
  </html>
    
 

Appui de navigateur

Internet Explorer Firefox Opera Google Chrome Safari
L'attribut d'événement onclick est pris en charge dans tous les principaux navigateurs.


Différences entre HTML 4.01 et HTML5

Aucune.


cours precedent Retour à la Liste attribut d'événement 

    
Accueil du site


Par carabde 10 mars 2014

  • Trafic Booster
    hebergement web

    SCREEBER - Logiciel de copywriting

    SCREEBER - Logiciel de copywriting Augmentez vos résultats en rejoignant les 1600 entrepreneurs qui utilisent Screeber®, le seul logiciel de Copywriting (en français) qui rédige avec vous des textes de vente qui convertissent


    HTML5, CSS3, JavaScript pour débutants Tome 1
    HTML5, CSS3, JavaScript
    pour débutants Tome 1

    Premier tome d'une série vidéo dédiée à l'apprentissage des langages HTML, CSS et JavaScript.

    Regarder aussi nos cours :

    css3 fonts

    Polices en CSS3. CSS3 Fonts comment utiliser des polices non standariées dans une page web

    Balise body

    Définit le corps du document

    objet multimédia Windows Media Player

    La référence de Windows Media Player.
    Référence d’objet multimédia Windows Media Player.



    Rentabilisez efficacement votre site