位置:电子教程 > HTML DOM 教程 (如果看不到内容请使用360浏览器) 推荐学习资源
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 事件

onmousedownonmouseup 以及 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>

效果图

小白教程网www.2d5.net

image.png

上一篇: onmouseover和onmouseout 事件 下一篇: HTML DOM 导航
毕业设计网             广告联系QQ:45157718(微信同号)