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>