js 实现单击、双击事件

js 实现绑定按钮单击、双击事件：

<button id="clickBtn1">单击/双击按钮1</button>
<button onclick="btnClick()" ondblclick="btndbClick()">单击/双击按钮2</button>

    // 方法一
    var clickBtn = document.getElementById("clickBtn1");
    clickBtn.onclick = function () {
        console.log("单击==")
    }

    clickBtn.ondblclick = function () {
        console.log("双击---");
    }

    // 方法二
    function btnClick(e) {
        console.log("单击==")
    }

    function btndbClick(e) {
        console.log("双击---");
    }

 当同时绑定单击和双击事件时，会触发两次单击事件和一次双击事件：

 双击时不想触发单击事件代码：

    var clickTimer = null;
    function btnClick(e) {
        clearTimeout(clickTimer);  //首先清除计时器
        clickTimer = setTimeout(() => {
            console.log("单击==")
        },200);
    }

    function btndbClick(e) {
        clearTimeout(clickTimer);
        console.log("双击---");
    }