如何区分单击事件和双击事件？

Question

我有一个带有id的li按钮"my_id"。我two jquery用这个元素附加了 事件1。$("#my_id").click(function() {     alert('single click');});2。$("#my_id").dblclick(function() {    alert('double click');});但每次它都给了我 single click

Answer 1

一个简单的功能。不需要jquery或其他框架。将您的函数作为参数传递

<div onclick="doubleclick(this, function(){alert('single')}, function(){alert('double')})">click me</div>

    <script>

        function doubleclick(el, onsingle, ondouble) {

            if (el.getAttribute("data-dblclick") == null) {

                el.setAttribute("data-dblclick", 1);

                setTimeout(function () {

                    if (el.getAttribute("data-dblclick") == 1) {

                        onsingle();

                    }

                    el.removeAttribute("data-dblclick");

                }, 300);

            } else {

                el.removeAttribute("data-dblclick");

                ondouble();

            }

        }

    </script>