【问题标题】:Jquery create Double Click event on A HrefJquery 在 A Href 上创建双击事件
【发布时间】:2011-06-16 15:04:01
【问题描述】:

伙计们,是否可以使用 jquery 为 a href 创建双击事件

【问题讨论】:

    标签: jquery jquery-click-event


    【解决方案1】:

    对锚点双击执行动作的问题是页面在第一次点击时会重定向,导致双击无法及时响应。

    如果您想“拦截”点击事件,以便在页面重定向之前有机会触发双击事件,那么您可能必须像这样设置点击超时:

    $('a').click(function () {
        var href = $(this).attr('href');
    
        // Redirect only after 500 milliseconds
        if (!$(this).data('timer')) {
           $(this).data('timer', setTimeout(function () {
              window.location = href;
           }, 500));
        }
        return false; // Prevent default action (redirecting)
    });
    
    $('a').dblclick(function () {
        clearTimeout($(this).data('timer'));
        $(this).data('timer', null);
    
        // Do something else on double click
    
        return false;
    });
    

    演示:http://jsfiddle.net/4788T/1/

    【讨论】:

    • 感谢使用这个我可以分配一个具有不同 id 具有相同功能和不同参数的 href。
    • 在 chrome 中这不起作用。仅使用点击触发器和计时器来查看是否有第二次点击进入以使其成为双击
    • 现在在 Chrome 中工作,显然 - jsfiddle.net/jaspermogg/pFyNY/5 - 双击“结果”框中的 as 进行编辑,或单击访问。感谢@Box9 - 太棒了!
    【解决方案2】:

    如果您a 链接的 id 为“id”,则:

    $("#id").bind("dblclick", ....);
    

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-08-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-19
    • 2011-05-16
    相关资源
    最近更新 更多