[Javasript] 同时实现单击和双击事件

在同一个元素上同时绑定单击和双击事件：

JavaScript

<script type="text/javascript">
    var timer = 0;
    var delay = 200;
    var prevent = false;
    function singleClick(id)
    {
        clearTimeout(timer);
        timer = setTimeout(function() {
        if (!prevent) {copy(id);}
        prevent = false;
        },delay);    //“200”单位是毫秒
    }
 
    function dbClick(id)
    {
        clearTimeout(timer);
        prevent = true;
        edit(id);
    }
 
    function copy(id)
    {
        var textInComment = document.getElementById(id).title;
        var oInput = document.createElement('input');
        oInput.value = textInComment;
        document.body.appendChild(oInput);
        oInput.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
        oInput.className = 'oInput';
        oInput.style.display='none';
        alert("Copy success, you can paste it!");
    }
 
    function edit(id)
    {
        var textInComment = document.getElementById(id).title;
        var name=prompt("输入的内容","");
        if (name!=null && name!="") {
            alert("你输入的是" + name);
        }
    }
</script>

Html

<img

src="{% static 'images/comment.png' %}" id="{{forloop.parentloop.counter}}{{forloop.counter}}" onclick="singleClick('{{forloop.parentloop.counter}}{{forloop.counter}}')" ondblclick="dbClick('{{forloop.parentloop.counter}}{{forloop.counter}}')" title='{{v2.comment}}' height="30" width="30" >