搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
HTML/CSS
HTML参考手册
HTML 事件
源代码
清空
点击运行
<!DOCTYPE html> <html> <head> <title>HTML onmousedown 事件属性的使用(大卫编程网 div.cn)</title> </head> <body> <p id="p1" onmousedown="mouseDown()" onmouseup="mouseUp()"> 点击文字!当在此段落上按下鼠标按钮时,将触发mouseDown()函数。该功能将文本的颜色设置为红色。释放鼠标按钮时将触发mouseUp()函数。mouseUp()函数将文本的颜色设置为绿色。</p> <script> function mouseDown() { document.getElementById("p1").style.color = "red"; } function mouseUp() { document.getElementById("p1").style.color = "green"; } </script> </body> </html>
运行结果