HTML DOM 节点 |
HTML DOM 方法 |
HTML DOM 属性 |
HTML DOM 访问 |
HTML DOM - 修改 |
HTML DOM - 元素 |
HTML DOM - 事件 |
HTML DOM 导航 |
HTML DOM 总结 |
当前阅读教程:HTML DOM 教程 > onmousedown、onmouseup 以及 onclick 事件 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: onmouseover和onmouseout 事件 | 下一篇: HTML DOM 导航 |
onmousedown、onmouseup 以及 onclick 事件onmousedown、onmouseup 以及 onclick 事件是鼠标点击的全部过程。首先当某个鼠标按钮被点击时,触发 onmousedown 事件,然后,当鼠标按钮被松开时,会触发 onmouseup 事件,最后,当鼠标点击完成时,触发 onclick 事件。
实例 <!doctype html> <html> <head> <meta charset="utf-8"> <title>onmousedown、onmouseup 以及 onclick 事件(2d5.net小白教程网)</title> </head> <body> <div onmousedown="mDown(this)" onmouseup="mUp(this)" style="background-color:#f2f2f2;width:150px;height:20px;padding:20px;">在上面按下鼠标试试</div> <script> function mDown(obj) { obj.style.backgroundColor="blue"; obj.innerHTML="鼠标按下了" } function mUp(obj) { obj.style.backgroundColor="green"; obj.innerHTML="鼠标按下后起来了" } </script> </body> </html> 效果图 |
|
上一篇: onmouseover和onmouseout 事件 | 下一篇: HTML DOM 导航 |