JS 的双击事件

单击

var el = document.getElementById('el')

el.onclick = function () {
    alert('单击！！！')
}

双击

var el = document.getElementById('el')

el.ondblclick = function () {
    alert('双击！！！')
}

但是，遇到需要单击和双击同时存在时，js 效果会冲突。解决如下：

var el = document.getElementById('el'),
         numTime = 0;

el.onclick = function () {
    numTime ++
    setTimeout(function() {
        if (numTime === 1) {
            console.log('单击')
        }
        if (numTime === 2) {
            console.log('双击')
        }
        if (numTime > 2) {
            console.log('次数过多', numTime)
        }
        numTime = 0
    }, 500)
}

这种方法存在弊端。如果有其他更好的方法，欢迎留言。