onclick与ondblclick的同时实现例子

M_fans

于 2011-02-23 16:19:07 发布

阅读量315

点赞数

分类专栏： JS 文章标签： XHTML HTML

本文链接：https://blog.csdn.net/m_fans/article/details/83844257

版权

JS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title> 测试</title>
    <script>

    var clickRepeat;
    var clickCount=0;//点击次数
    var clickDelay=300;//点击时间间隔（毫秒）
    function checkClick() {
        clearTimeout(clickRepeat);
        clickCount++;
        if(clickCount==1) {
            clickRepeat=setTimeout("doEvent('click');clickCount=0",clickDelay);
        }
        else {
            doEvent("dblclick");
            clickCount=0;
        }
    }

    function doEvent(obj)
    {
        if(obj== "click")
            alert("click");

        if(obj== "dblclick")
            alert("dblclick");
    }

    </script>
</head>

<body>
<a href="#" οnmοuseup="checkClick()" >点击/双击测试</a>
</body>
</html>