html中在松开鼠标按钮时触发的事件属性onmouseup
程序员文章站
2022-03-29 21:49:16
...
实例
当在段落上松开鼠标按钮时执行 JavaScript：
<p onmouseup="mouseUp()">Click the text!</p>
浏览器支持
IE
Firefox
Chrome
Safari
Opera
所有主流浏览器都支持 onmouseup 属性。
定义和用法
onmouseup 属性在松开鼠标按钮时触发。
提示：相对于 onmouseup 事件的事件次序（限于鼠标左/中键）：
onmousedown
onmouseup
onclick
onmouseup 事件的事件次序（限于鼠标右键）：
onmousedown
onmouseup
oncontextmenu
注释：onmouseup 属性不适用于以下元素：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style> 或 <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的详细内容，更多请关注其它相关文章！
推荐阅读
-
html中由元素上的鼠标点击触发的事件属性onclick
-
html中在鼠标双击元素时触发的事件属性ondblclick
-
html中用户（在键盘上）释放按键时触发的事件属性onkeyup
-
html5中在可拖动的元素或选取的文本移出放置目标时执触发的事件ondragleave
-
html5中在元素滚动条在滚动时触发的事件onscroll
-
html5中在可拖动元素或选取的文本放置在目标区域时触发的事件ondrop
-
html5中在可拖动元素或选取的文本正在拖动到放置目标时触发的事件ondragover
-
html在鼠标按钮在元素上按下时触发的事件属性onmousedown
-
html中用户（在键盘上）按键时触发的事件属性onkeypress
-
html5中在元素或者选取的文本被拖动时触发的事件ondrag