jQuery解决鼠标单双击问题

html代码如下:

<button>点击</button>

JQ代码如下:

   <script>
        $(function () {
            // 编写相关jQuery代码
            // 单双击的时间间隔是300ms
            // 先做两次单击 一次双击 中间间隔 小于300ms
            var timer = null;

            // 获取事件源,绑定事件
            $('button').click(function () {
                // 清除定时器
                clearTimeout(timer);
                // 设置定时器 300ms 一次性定时器
                timer = setTimeout(function () {
                    console.log('单机');
                },300)
            });

            $('button').dblclick(function () {
                // 清除定时器
                clearTimeout(timer);
                console.log('双击');
            })
        })
    </script>

 

转载于:https://www.cnblogs.com/apollo1616/p/9760616.html