Rumah  >  Artikel  >  hujung hadapan web  >  html中在松开鼠标按钮时触发的事件属性onmouseup

html中在松开鼠标按钮时触发的事件属性onmouseup

黄舟
黄舟asal
2017-11-06 11:32:383418semak imbas

实例

当在段落上松开鼠标按钮时执行 JavaScript:

<p onmouseup="mouseUp()">Click the text!</p>

浏览器支持


IE

Firefox

Chrome

Safari

Opera


所有主流浏览器都支持 onmouseup 属性。

定义和用法

onmouseup 属性在松开鼠标按钮时触发。

提示:相对于 onmouseup 事件的事件次序(限于鼠标左/中键):

  1. onmousedown

  2. onmouseup

  3. onclick

onmouseup 事件的事件次序(限于鼠标右键):

  1. onmousedown

  2. onmouseup

  3. oncontextmenu

注释:onmouseup 属性不适用于以下元素:dde6fb694e6711ae5e6f381704c04ae4、71af07a0e88a1ac1ff73f855702ac153、0c6dc11e160d3b678d68754cc175188a、93f0f5c25f18dab9d176bd4f6de5d30e、100db36a723c770d327fc0aef2ce13b1、d5ba1642137c3f32f4f4493ae923989c、e8e496c15ba93d81f6ea4fe5f55a2244、0c68fef83818661b6da588c77ca3985e、3f1c4e4b6b16bbbd69b2ee476dc4f83a、c9ccee2e6ea535a969eb3f532ad9fe89 或 b2386ffb911b14667cb8f0f91ea547a7。

HTML 4.01 与 HTML5 之间的差异

无。

语法

<element onmouseup="script">

属性值

描述
script onmouseup 发生时运行的脚本。

他们的是实现是通过调用javaScript脚本。我们在这个程序中还可以看到的一点对于文本颜色的一个处理,我们在这个文本颜色的处理的过程是

getElementById().style.color这样来设置文本的颜色

<!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,样式有颜色这样的等级的划分 -->

Atas ialah kandungan terperinci html中在松开鼠标按钮时触发的事件属性onmouseup. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn