为超链接同时绑定单击和双击事件

2012/10/29 11:33:06作者：佚名来源：网络

移动端

【实例名称】

为超链接同时绑定单击和双击事件

【实例描述】

超链接使用锚‘‘<a>’’标签实现，通常不需要单击和双击事件，而是使用“href”属性实现导航功能。本例的目的是学习如何为超链接绑定单击和双击事件。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页-学无忧（www.xue51.com）</title>
</head>
<body>
<script> 
var dblNum=0; 
function clk(cnum) 
{ 
    dblNum=cnum;    //获取参数
    if(dblNum==1)window.setTimeout("if(dblNum!=2)window.alert('单击');
dblNum=0;",500);//隔500毫秒后显示 
    if(dblNum==2)alert("双击");    //显示双击
    return false; //不执行任何操作
} 
</script> 
<a onDblClick="return clk(2);" onClick="return clk(1);">双击</a> 
</body>
</html>

【运行效果】

运行效果