HTML onmouseup用法及代码示例

当在元素上释放鼠标按钮时，将触发此属性。事件发生的顺序与onmouseup事件有关。

onmousedown
onmouseup
onclick

用法:

<element onmouseup = "script">

属性值：此属性包含单值脚本，并且在调用onmouseup属性时可以使用。

Example:

<!DOCTYPE html> 
<html> 
    <head> 
        <title>onmouseup event attribute</title> 
        <style> 
            h1 { 
                color:green; 
            } 
            body { 
                text-align:center; 
            } 
        </style> 
    </head> 
    <body> 
        <center> 
        <h1>GeeksforGeeks</h1> 
        <h2>onmouseup event attribute</h2> 
        <p id="gfg" onmouseup="mouseUp()"> 
        GeeksforGeeks:! computer science portal for geeks 
        </p> 
        <script> 
            function mouseUp() { 
                document.getElementById("gfg").style.color = "green"; 
                document.getElementById("gfg").style.fontSize = "20px"; 
            } 
        </script> 
    </body> 
</html>

输出：
前：

后：

支持的浏览器：下面列出了onmouseup属性支持的浏览器：

Chrome
IE浏览器
Firefox
Safari
Opera

相关用法

注：本文由纯净天空筛选整理自Mahadev99大神的英文原创作品 HTML | onmouseup Event Attribute。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。