JavaScript迷惑问题之十三：如何在点击连接时明确地将单击事件和双击事件区分开？

<a href="#" onclick="event.returnValue=false" ondblclick="alert('双')">click</a>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

to 孟子E章：感谢帮助，但是我的意思是保留onClick，然后在用户点击的时候判断是双击还是单击，以便做出正确的响应能解决吗？
<script language="jscript">
function doClick(){
  switch(event.type){
    case "click":
      window.status = "1"
      break
    case "dblclick":
      window.status = "2"
  }
}
</script>
<span onclick="doClick()" ondblclick="doClick()">_________</span>
<script language="jscript">
function doClick(){
  switch(event.type){
    case "click":
      window.status = "1"
      break
    case "dblclick":
      window.status = "2"
  }
}
</script>
<span onclick="doClick()" ondblclick="doClick()">_________</span>
<script language="jscript">
function doClick(){
  switch(event.type){
    case "click":
      window.status = "1"
      break
    case "dblclick":
      window.status = "2"
  }
}
</script>
<span onclick="doClick()" ondblclick="doClick()">_________</span>
sunbeamy(阳光灿烂的深夜) 的方法是不对了。执行dbclick之前是执行了click的.只是用window.status给人一种假象。

我想了一种方法：！！！<a href="#" id=theA isdbclick="0" onclick="setTimeout('if(document.all.theA.isdbclick ==\'1\'){alert(\'双击\');document.all.theA.isdbclick =\'0\'}else alert(\'单击\')',200);" ondblclick="isdbclick='1'">click</a>
多提点这样的问题还挺爽的，我的方法<BODY>
<span id=a></span>
<button onclick="det(1)" ondblclick="det(2)"></button>
</BODY>
<script>
var i = 1;
function det(aa)
{
i = aa;
var val = setTimeout("callManager();",500);
if (i==2) clearTimeout(val);
}
function callManager()
{
if (i==1) handler_click();
if (i==2) handler_dbclick();
}
function handler_click()
{
alert("1");
}
function handler_dbclick()
{
alert("2");
}
</script>
var val = setTimeout("callManager();",500);这里的500是，两次点击的最小间隔，按道理说，这个间隔应该稍微大于双击事件的点击间隔，但是我不知道这个值取多少为好。
这样，如果太大，虽然可以检测到，但是会有延迟，如果这个timeout太小，又会检测不到双击
这样，如果太大，虽然可以检测到，但是会有延迟，如果这个timeout太小，又会检测不到双击：（，就是分少了点，不过也值，动动脑袋啦，再不动生锈了。
这样，如果太大，虽然可以检测到，但是会有延迟，如果这个timeout太小，又会检测不到双击：（，就是分少了点，不过也值，动动脑袋啦，再不动生锈了。
<a href="javascript:void(0)" onclick="test()" ondblclick="test()">Click Me</a>
<script>
function test()
{
if(event.type == "dblclick")  document.all.mxh.innerText = "你双击了我"
if(event.type == "click") document.all.mxh.innerText = "你单击了我"
}
</script>
<p><p><p><p>
<div id=mxh></div>
<a href="javascript:void(0)" onclick="test()" ondblclick="test()">Click Me</a>
<script>
function test()
{
if(event.type == "dblclick")  document.all.mxh.innerText = "你双击了我"
if(event.type == "click") document.all.mxh.innerText = "你单击了我"
}
</script>
<p><p><p><p>
<div id=mxh></div>
就在这个页面上就有个不错的例子啊:双击滚动,单击停止(其实是mouseup停止),看看xsl就看到了