Maison > Article > interface Web > L'attribut d'événement onmouseup déclenché lorsque le bouton de la souris est relâché en HTML
L'attribut d'événement onmouseup déclenché lorsque le bouton de la souris est relâché en HTML
- 黄舟original
- 2017-11-06 11:32:383394parcourir
Exemple
Exécuter JavaScript lorsque le bouton de la souris est relâché sur un paragraphe :
<p onmouseup="mouseUp()">Click the text!</p>
Support du navigateur
IE
Firefox
Chrome
Safari
Opera
Tous les principaux navigateurs prennent en charge la propriété onmouseup.
Définition et utilisation
L'attribut onmouseup est déclenché lorsque le bouton de la souris est relâché.
Astuce : Ordre des événements par rapport à l'événement onmouseup (limité au bouton gauche/central de la souris) :
onmousedown
onmouseup
onclick
La séquence d'événements de l'événement onmouseup (limitée au bouton droit de la souris) :
onmousedown
onmouseup
oncontextmenu
Remarque : L'attribut onmouseup ne s'applique pas à les éléments suivants : f32cc198e19d96a5a847b25638531b67, 0c6dc11e160d3b678d68754cc175188a, 93f0f5c25f18dab9d176bd4f6de5d30e, 100db36a723c770d327fc0aef2ce13b1, d5ba1642137c3f32f4f4493ae923989c, e8e496c15ba93d81f6ea4fe5f55a2244, 0c68fef83818661b6da588c77ca3985e, 3f1c4e4b6b16bbbd69b2ee476dc4f83a, < ;style> ou 6ba3f8c8f29e6c859231c29a49d1ef72.
Différences entre HTML 4.01 et HTML5
Aucune.
Syntaxe
<element onmouseup="script">
Valeurs d'attribut
| 值 | 描述 |
| script | onmouseup 发生时运行的脚本。 |
Ils sont implémentés en appelant des scripts javaScript. Ce que nous pouvons également voir dans ce programme, c'est le traitement de la couleur du texte. Notre processus de traitement de la couleur du texte est
getElementById().style.color pour définir la couleur du texte
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
function mouseDown()
{
document.getElementById("p1").style.color="red";
}
function mouseUp()
{
document.getElementById("p1").style.color="green";
}
</script>
<title>鼠标事件</title>
</head>
<body>
<p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()">点击文本</p>
当鼠标按下的时候触发mouseDown()函数，该函数是将文本样式变成红色
当鼠标松开的是触发mouseUp()函数，该函数将文本的样式变成绿色
</body>
</html>
<!-- 在这个程序中我们不仅仅应该知道的是鼠标事件，也就是onmousedown
和onmouseup这两个事件，而且他们发生的时候会调用函数
我们还应该知道是怎样来改变字体的颜色，在这个程序中我们改变字体的颜色是doucment根据id获取元素，并且定义样式然后是颜色，
在HTML中我们可以看到设置的过程中分好多的等级。元素分为样式，还有value，样式有颜色这样的等级的划分 -->Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!