OUJOOD.COM
Définition et utilisation d'événement onmouseup
LES BALISES HTMLLorsqu’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 |
Exemple Exécuter un JavaScript lorsqu’on relache un bouton de la souris sur un paragraphe :
Exemple : 📋 Copier le code
<!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>
Appui de navigateur
L'attribut d'événement onmouseup est pris en charge dans tous les principaux navigateurs.
Différences entre HTML 4.01 et HTML5
Aucune.
Par carabde 10 mars 2014