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:383398parcourir

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) :

  1. onmousedown

  2. onmouseup

  3. onclick

La séquence d'événements de l'événement onmouseup (limitée au bouton droit de la souris) :

  1. onmousedown

  2. onmouseup

  3. 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn