Question

我正在尝试单击菜单项以打开子项，然后双击以完成链接。尝试了各种不同的方法但由于某些原因双击时没有发生任何事情。

 $( ".site-head .section-menu .mobile-sub-menu ul li .first-a" ).on('click', function(event) {
        $( ".sub-items" ).addClass('hiddenMenu');     
        $(this).parent().find('.sub-items').removeClass('hiddenMenu');
        event.preventDefault();
    }); 


    $(document).on('dblclick', '.first-a', function() {
        console.log("event fired");
        window.location.replace($(this).attr("href"));

    });

有关我做错的任何建议吗？

编辑：已建议的标准解决方案在这种情况下不起作用。双击应指向链接，第一个应该阻止进入链接并执行其他功能...

Answer 1

当你第一次点击时，不要立即调用该方法，而是设置一个调用原始回调函数的计时器，比如说~0.75秒，除非你收到第二次点击。你正在解雇一个事件并处理第一次点击，所以当第二次点击时 - 只需点击一次，而不是'dblclick'

Answer 2

我希望这会对你有帮助..

HTML部分

<p ondblclick="myFunction()">Double-click this paragraph to trigger a function.</p>

<p id="demo"></p>

JQuery Part

<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Answer 3

建议不要将click和doubleclick事件绑定到同一元素，但如果必须这样做，以前接受的答案通过使用计数器跟踪点击次数提供了完美的解决方案：Jquery bind double click and single click separately < / p>

点击功能正常，但DoubleClick功能无效 - jQuery

3 个答案: