您好,欢迎访问一九零五行业门户网

html中在松开鼠标按钮时触发的事件属性onmouseup

实例
当在段落上松开鼠标按钮时执行 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的详细内容。
其它类似信息

推荐信息