<div id="div1" onmousedown="mouseDownFun();" onmouseup="mouseUpFun();" onclick="clickFun();" style="background:#CCC; border:3px solid #999; width:200px; height:200px; padding:10px"></div>
<input style="margin-top:10px" type="button" onclick="document.getElementById('div1').innerHTML='';" value="清除信息" />
<script type="text/javascript">
function mouseDownFun()
{
document.getElementById('div1').innerHTML += 'mouseDown<br/>';
}
function mouseUpFun()
{
document.getElementById('div1').innerHTML += 'mouseUp<br/>';
}
function clickFun()
{
document.getElementById('div1').innerHTML += 'click<br/>';
}
</script>
<div id="div1" onmousedown="mouseDownFun();" onmouseup="mouseUpFun();" style="background:#CCC; border:3px solid #999; width:200px; height:200px; padding:10px"></div>
<input style="margin-top:10px" type="button" onclick="document.getElementById('div1').innerHTML='';" value="清除信息" />
<script type="text/javascript">
var doMouseDownTimmer = null;
var isMouseDownDoing = false;
function mouseDownFun()
{
//因?yàn)閙ouseDownFun每次都會調(diào)用的，在這里重新初始化這個變量
isMouseDownDoing = false;
//延遲200毫秒才調(diào)用onmousedown真正的處理代碼，如果在200毫秒內(nèi)就釋放鼠標(biāo)，把 doMouseDownTimmer清除，那么onmousedown即使調(diào)用了，其實(shí)是沒有調(diào)用到doMouseDown函數(shù)作為 onmousedown真正要處理的代碼
doMouseDownTimmer = setTimeout(doMouseDown,200);
}
function doMouseDown()
{
//如果200毫秒后調(diào)用了這個方法，把isMouseDownDoing設(shè)置成true，表明發(fā)生了mouseDown實(shí)際處理，此后mouseUp就不要處理了
isMouseDownDoing = true;
document.getElementById('div1').innerHTML += 'mouseDown<br/>';
}
function mouseUpFun()
{
if (!isMouseDownDoing)
{
clearTimeout(doMouseDownTimmer); //能進(jìn)到這里來，不管三七二十一先把doMouseDownTimmer清除，不然200毫秒后doMouseDown方法還是會被調(diào)用的
document.getElementById('div1').innerHTML += 'mouseUp<br/>';
}
}
</script>
