首頁 >web前端 >html教學 >html中在放開滑鼠按鈕時觸發的事件屬性onmouseup

html中在放開滑鼠按鈕時觸發的事件屬性onmouseup

黄舟原創: 2017-11-06 11:32:383449瀏覽

實例

當在段落上放開滑鼠按鈕時執行JavaScript：

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

瀏覽器支援

Firefox

Chrome

Safari

Opera

所有主流瀏覽器都支援onmouseup 屬性。

定義和用法

onmouseup 屬性在放開滑鼠按鈕時觸發。

提示：相對於onmouseup 事件的事件順序（限於滑鼠左/中鍵）：

onmousedown
onmouseup
onclick

onmouseup 事件的事件順序（只限於滑鼠右鍵）：

onmousedown
onmouseup
oncontextmenu

註解：onmouseup 屬性不適用於下列元素：4d1b52ac8a033b118f7681bb419e9d3a、0c6dc11e160d3b678d68754cc175188a、93f0f5c25f18dab9d176bd4f6de5d30e、100db36a723c770d327fc0aef2ce13b1、d5ba1642137c3f32f4f4493ae923989c、e8e496c15ba93d81f6ea4fe5f55a2244、0c68fef83818661b6da588c77ca3985e、3f1c4e4b6b16bbbd69b2ee476dc4f83a、e8e496c15ba93d81f6ea4fe5f55a2244、0c68fef83818661b6da588c77ca3985e、3f1c4e4b6b16bbbd69b2ee476dc4f83a、6f0ab4c5d33704eedeff0177d04c361b 或5b0c042c5783d7cec24848fd96e1aecctitle;title; ;。

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

以上是html中在放開滑鼠按鈕時觸發的事件屬性onmouseup的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html中滑鼠指標移動到元素上時觸發的事件屬性onmouseover下一篇：html中滑鼠指標移動到元素上時觸發的事件屬性onmouseover

看更多