js 如何避免鼠标单击和双击冲突

<script language="javascript"> 
    var item = ''; 
    function doClick(n)   { 
        item = n;  
        var timer = setTimeout("callBack()",3 00);  
        if(item==2){ 
            clearTimeout(timer); 
        } 
    } 
    function callBack()   {  
        if(item==1){ 
            //单击事件 
        } else if(item==2){ 
            //双击事件 
        } 
    }  
</script> 

<div onclick="doClick(1)" ondblclick="doClick(2)"></div>