如何在javascript中检查单击是单次还是双次

我试图检查单击元素是单击一次还是双击一次

我正在尝试使用此代码

var clk_ch = document.getElementById('clk');

function singleClick() {
    alert("single click");
}

function doubleClick() {
    alert("double click");
}

var clickCount = 0;

clk_ch.addEventListener('click', function() {
    alert();
    clickCount++;
    if (clickCount === 1) {
        singleClickTimer = setTimeout(function() {
            clickCount = 0;
            singleClick();
        }, 400);
    } else if (clickCount === 2) {
        clearTimeout(singleClickTimer);
        clickCount = 0;
        doubleClick();
    }
}, false);

我没有任何警觉。我哪里做错了

clk

是单击元素的id

<input type="image" src="button.gif" id="clk" >

---

无需使用

setTimeout

。您可以添加事件侦听器

document.addEventListener("DOMContentLoaded", function (event) {

    var clk_ch = document.getElementById('clk');

    clk_ch.addEventListener('click', singleClick, false);
    clk_ch.addEventListener('dblclick', doubleClick, false);

});

在jquery中：

$('#clk').on('click', singleClick).on('dblclick', doubleClick);

---

可能重复我认为这里的答案比链接中的答案要好。这可能会有所帮助。它有一把小提琴，小提琴：@stevenw00那里正在讨论的问题仍然在这里重复。根据我的说法，它是重复的，并且会得到相同的答案。@hemal而不是anchor标记，我们可以为包含图像的输入类型这样做吗？因为它被标记为jQuery，所以知道它们也提供它可能很有用。我是否应该包括任何库来使用addEventListener（）…我没有收到警报atall:（@Alén否，您不需要任何库来处理它。@stevenw00是的，addedfor Click event nothing正在触发