javascript - 如何触发链接的 "ondblclick"事件

Question

我想这样做:当你点击页面上的链接时，它会正常打开链接，但当你双击链接时，它会警告链接的'href'属性。

但是，当我尝试双击一个链接时，它总是会打开该链接。有什么想法吗？

Answer 1

链接在第一次单击或双击后打开，因此您需要添加时间延迟来确定哪个是哪个。这里有一些代码(为简洁起见，使用 jQuery JavaScript 库)适用于除 Internet Explorer ( try it out ) 之外的所有浏览器。如果您能弄清楚为什么没有，我很想知道。

$('a').click(function(event) {
    var elem = $(this),
        clickTimeout = elem.data('clickTimeout');

    if(clickTimeout) {        
        // Double click; cancel the single click timeout
        clearTimeout(clickTimeout);
        elem.data('clickTimeout', null);

        alert(elem.attr('href'));

    } else {
        // Might be a single click; wait and see
        elem.data('clickTimeout', setTimeout(function() {
            // Single click; timeout was not cancelled
            elem.data('clickTimeout', null);

            // Navigate to the link's URL
            window.location.href = elem.attr('href');

        }, 500));
    }

    // Stops propagation and prevents default action
    return false;
});