leaflet marker单击事件函数、双击事件函数 冲突

        问题描述:如果一个marker添加了单击事件函数和双击事件函数,在双击marker时,会执行两次单击函数和一次双击函数。

        解决方式:在单击事件函数里通过定时器控制延迟执行。单击事件函数和双击事件函数里都先清定时器。

        扩展:一般的dom的单击、双击 也可以这么处理。

    var timer;
    L.marker([51.5, -0.09]).addTo(map).on('click',function(e){
        clearTimeout(timer)   // 先清定时器
        timer = setTimeout(()=>{  // 再延迟执行
            console.log(e)
        },250);
    }).on('dblclick', function(e) {
        clearTimeout(timer); // 先清定时器
        console.log(e)  // 不必延迟执行
    });

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值