onmouseup屬性用來獲取或設(shè)置當(dāng)前元素的mouseup事件的事件處理函數(shù)
在段落上釋放鼠標(biāo)按鈕時執(zhí)行JavaScript:
<!DOCTYPE html> <html> <head> <title>HTML onmousedown 事件屬性的使用(菜鳥教程 cainiaoplus.com)</title> </head> <body> <p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()"> 點擊文字!當(dāng)在此段落上按下鼠標(biāo)按鈕時,將觸發(fā)mouseDown()函數(shù)。該功能將文本的顏色設(shè)置為紅色。釋放鼠標(biāo)按鈕時將觸發(fā)mouseUp()函數(shù)。mouseUp()函數(shù)將文本的顏色設(shè)置為綠色。</p> <script> function mouseDown() { document.getElementById("p1").style.color = "red"; } function mouseUp() { document.getElementById("p1").style.color = "green"; } </script> </body> </html>測試看看 ?/?
當(dāng)用戶在當(dāng)前元素上放開鼠標(biāo)某個按鍵時會觸發(fā)mouseup事件
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 onmouseup 事件屬性
當(dāng)在元素上釋放鼠標(biāo)按鈕時,會觸發(fā)onmouseup屬性。
提示: 與 onmouseup 事件相關(guān)的事件觸發(fā)順序 (左/中鼠標(biāo)按鈕):
onmousedown
onmouseup
onclick
與 onmouseup 事件相關(guān)的事件觸發(fā)順序(右邊鼠標(biāo)按鈕):
onmousedown
onmouseup
oncontextmenu
注意: onmouseup 屬性不能使用于以下元素: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, 或<title>.
沒有。
<element onmouseup="script">
值 | 描述 |
---|---|
script | 規(guī)定該onmouseup事件觸發(fā)時執(zhí)行的腳本。 |