Manuel de référence HTML

Complète des balises HTML

Attribut onmouseup de l'événement HTML

L'attribut onmouseup est utilisé pour obtenir ou définir la fonction de gestion des événements de l'événement mouseup de l'élément courant

Attributs d'événements HTML

Exemple en ligne

Exécutez JavaScript lorsque vous relâchez le bouton de la souris sur un paragraphe :

Exemple

<!DOCTYPE html>
<html>
<head>
<title>Utilisation de l'attribut onmousedown en HTML (Tutoriel de base du site web oldtoolbag.com)</title>
</head>
<body>
<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">
Cliquez sur le texte ! Lorsque vous appuyez sur un bouton de la souris sur ce paragraphe, la fonction mouseDown() est déclenchée. Cette fonction change la couleur du texte en rouge. Lorsque vous relâchez le bouton de la souris, la fonction mouseUp() est déclenchée. La fonction mouseUp() change la couleur du texte en vert.</p>
<script>
function mouseDown() {
　　document.getElementById("p1").style.color = "red";
}
function mouseUp() {
　　document.getElementById("p1").style.color = "green";
}
</script>
</body>
</html>

Voyons le tester ‹/›

Un événement mouseup est déclenché lorsque l'utilisateur relâche un bouton de la souris sur un élément actuel

Compatibilité du navigateur

IEFirefoxOperaChromeSafari

Tous les navigateurs populaires prennent en charge l'attribut d'événement onmouseup

Définition et utilisation

L'attribut onmouseup est déclenché lorsque le bouton de la souris est relâché sur un élément.

Astuce : L'ordre de déclenchement des événements liés à l'événement onmouseup (bouton gauche)/bouton central de la souris):

onmousedown
onmouseup
onclick

L'ordre de déclenchement des événements liés à l'événement onmouseup (bouton droit de la souris):

onmousedown
onmouseup
oncontextmenu

Attention : L'attribut onmouseup ne peut pas être utilisé pour les éléments suivants: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, ou <title>.

HTML 4.01 et HTML5Les différences entre

Aucune.

Syntaxe

<element onmouseup="script">

Valeur de l'attribut

Valeur	Description
script	Définit le script à exécuter lorsque l'événement onmouseup est déclenché.

Attributs d'événements HTML 　　　　

HTML: <template> balise