码迷,mamicode.com
首页 > Web开发 > 详细

JQuery解决鼠标单双击冲突问题

时间:2019-12-22 14:26:15      阅读:77      评论:0      收藏:0      [点我收藏+]

标签:var   out   nbsp   定时   pre   fun   shu   class   tps   

转自链接:https://www.shuzhiduo.com/A/xl560MKrzr/

在jQuery的事件绑定中,如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick)时却会触发两次单击事件(click)。

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>

 

JQuery解决鼠标单双击冲突问题

标签:var   out   nbsp   定时   pre   fun   shu   class   tps   

原文地址:https://www.cnblogs.com/myitnews/p/12079590.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!