#JavaScript#在Html中，针对元素的单击操作，其实是分为3部分完成的，分别为：鼠标左键按下、松开左键、最后完成了单击事件。
因此，单击事件是由onmousedown、onmouseup、和onclick一起形成的。
(1).首先当用户按下鼠标左键时，此时触发的是onmousedown事件。
JavaScript深入编程-从0基础到深入学习线上.NET培训课程淘宝￥18购买已下架(2).当松开按下的左键时，触发的是onmouseup事件。
(3).最后，当完成按下+松开左键时，就触发了onclick事件。
注意：鼠标按下、鼠标松开包括了鼠标的左键和右键。但是对于onclick单击事件，则只是鼠标左键单击时触发的。
!DOCTYPEhtmlhtmlheadtitle/titlescripttype=text/javascript//当鼠标按下时functiondown(){varbtn=document.getElementById(Button1);btn.value=鼠标已按下;}//当鼠标松开时functionup(){varbtn=document.getElementById(Button1);btn.value=鼠标已松开;}//产生的单击事件functionaClick(){varbtn=document.getElementById(Button1);btn.value=已单击;}/script/headbodyinputid=Button1type=buttononmousedown=down()onmouseup=up()value=执行/inputid=Button1type=buttononclick=aClick()value=单击我//body/html
在此代码中，使用了JavaScript的3个函数来实现鼠标的按下、松开和单击事件，其中按下和松开是在一个input标记上同时实现的。而单击是在另外一个input标记上实现。
将上面的html+JavaScript代码运行一下结果：
在上图中，我们可以看到第一个按钮上的文字显示“鼠标已按下”，表示此时我们按下了鼠标左键，触发了onmousedown事件。
当松开了鼠标左键后，第一个按钮显示成了“鼠标已松开”，表示触发了onmouseup事件。当在第2个按钮上直接按下+松开，则就会触发onclick事件，实现单击效果。