Lorsqu’on manipule le bouton de la souris on crée une série d’événement et qui sont dans l’ordre :
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 onmouseup se déclenche lorsqu'un bouton de la souris est relâché sur l'élément.
Astuce : L'ordre des événements liés à
l'événement onmouseup (pour le bouton gauche/milieu de souris) :
OnMouseDown
OnMouseUp
OnClick
L'ordre des événements liés à l'événement onmouseup (pour le bouton droit de la souris) :
OnMouseDown
OnMouseUp
OnContextMenu
Remarque : L'attribut onmouseup ne peut pas être utilisé avec les éléments: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, ou <title>.
Syntaxe
<element onmouseup="script">>
Valeurs d'attribut
Valeur |
Description |
---|---|
script |
Le script à exécuter sur onmouseup |
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML demo</title>
<script>
function appuitSouris()
{
document.getElementById("p1").style.color="red";
}
function relacheSouris()
{
document.getElementById("p1").style.color="green";
}
</script>
</head>
<body>
<p id="p1" onmousedown="appuitSouris()" onmouseup="relacheSouris()">
Cliquez sur le texte! et maintenez le bouton de la souris enfoncé La fonction
appuitSouris() est déclenchée cette fonction définit la couleur du texte en rouge.
<br>
Lorsque vous relachez le bouton de la souris la fonction relacheSouris() est
déclenchée cette fonction définit la couleur du texte en vert.
</p>
</body>
</html>
L'attribut d'événement onmouseup est pris en charge dans tous les principaux navigateurs.
Aucune.
Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.
GAGNER DE L'ARGENT