如何在 JavaScript 中监听三次点击？

如果这是双击：

window.addEventListener("dblclick", function(event) { }, false);

如何捕捉三次点击？这适用于 Google Chrome 中的固定选项卡。

您需要编写自己的三次点击实现，因为不存在可以捕获连续 3 次点击的本机事件。幸运的是，现代浏览器已经event.detail，其中MDN 文档描述为 https://developer.mozilla.org/en-US/docs/Web/Events/click#Properties:

短时间内发生的连续点击次数，递增 1。

这意味着您可以简单地检查该属性的值并查看它是否是3:

window.addEventListener('click', function (evt) {
    if (evt.detail === 3) {
        alert('triple click!');
    }
});

工作演示：http://jsfiddle.net/L6d0p4jo/ http://jsfiddle.net/L6d0p4jo/

如果您需要 IE 8 支持，最好的方法是捕获双击，然后单击三次 - 例如，如下所示：

var timer,          // timer required to reset
    timeout = 200;  // timer reset in ms

window.addEventListener("dblclick", function (evt) {
    timer = setTimeout(function () {
        timer = null;
    }, timeout);
});
window.addEventListener("click", function (evt) {
    if (timer) {
        clearTimeout(timer);
        timer = null;
        executeTripleClickFunction();
    }
});

工作演示：http://jsfiddle.net/YDFLV/ http://jsfiddle.net/YDFLV/

原因是旧的 IE 浏览器不会为双击触发两次连续的单击事件。不要忘记使用attachEvent代替addEventListener对于 IE 8。