明輝手游網中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

html中在松開鼠標按鈕時觸發(fā)的事件屬性onmouseup

發(fā)表時間：2023-12-27 來源：明輝站整理相關軟件相關文章人氣：

[摘要]實例當在段落上松開鼠標按鈕時執(zhí)行 JavaScript：<p onmouseup="mouseUp()">Click the text!</p>瀏覽器支持IEFirefoxChromeSafariOpera所有主流瀏覽器都支持 onmouseup 屬性。...

實例

當在段落上松開鼠標按鈕時執(zhí)行 JavaScript：

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

瀏覽器支持


IE

Firefox

Chrome

Safari

Opera


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

定義和用法

onmouseup 屬性在松開鼠標按鈕時觸發(fā)。

提示：相對于 onmouseup 事件的事件次序（限于鼠標左/中鍵）：

  1. onmousedown

  2. onmouseup

  3. onclick

onmouseup 事件的事件次序（限于鼠標右鍵）：

  1. onmousedown

  2. onmouseup

  3. oncontextmenu

注釋：onmouseup 屬性不適用于以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <title>。

HTML 4.01 與 HTML5 之間的差異

無。

語法

<element onmouseup="script">

屬性值

值描述
scriptonmouseup 發(fā)生時運行的腳本。

他們的是實現(xiàn)是通過調用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>
當鼠標按下的時候觸發(fā)mouseDown()函數(shù)，該函數(shù)是將文本樣式變成紅色
當鼠標松開的是觸發(fā)mouseUp()函數(shù)，該函數(shù)將文本的樣式變成綠色
</body>
</html>
<!-- 在這個程序中我們不僅僅應該知道的是鼠標事件，也就是onmousedown
和onmouseup這兩個事件，而且他們發(fā)生的時候會調用函數(shù)
我們還應該知道是怎樣來改變字體的顏色，在這個程序中我們改變字體的顏色是doucment根據(jù)id獲取元素，并且定義樣式然后是顏色，
在HTML中我們可以看到設置的過程中分好多的等級。元素分為樣式，還有value，樣式有顏色這樣的等級的劃分 -->

以上就是html中在松開鼠標按鈕時觸發(fā)的事件屬性onmouseup的詳細內容，更多請關注php中文網其它相關文章！


網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。