软件学堂

网游分类软件分类

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

2012-10-29 来源:网络

【实例名称】

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

【实例描述】

超链接使用锚‘‘<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>

【运行效果】

运行效果

【难点剖析】

本例没有特殊的功能,只是为一个控件同时添加单击和双击事件:注意在单击事件中,使用了一个定时器以延缓单击时的提示功能。

【源码下载】

如果你不愿复制代码及提高代码准确性,你可以点击:为超链接同时绑定单击和双击事件 进行本实例源码下载 

上一篇:链接的注释怎么写
下一篇:带链接的滚动字幕代码怎么写

相关文章