Cesium区分单击【LEFT_CLICK】和双击事件【LEFT_DOUBLE_CLICK】

最新推荐文章于 2024-10-18 18:45:21 发布

weixin_30729609

最新推荐文章于 2024-10-18 18:45:21 发布

阅读量893

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/aizai846/p/11315891.html

本文介绍在Cesium中如何通过代码区分用户的单击与双击事件，利用定时器技巧实现事件的准确识别，避免双击时误触发单击事件，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题描述

在cesium中，用户鼠标左键双击视图或Entity时，实际触发的是两次click和一次dbclick事件，非常影响代码设计，本文记录了如何区分单击【LEFT_CLICK】和双击事件【LEFT_DOUBLE_CLICK】的代码及原理方法。

具体代码

var timer= null;
var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function(movement){
    clearTimeout(timer);
    timeoutID= window.setTimeout(function(){
      console.log('左键单击事件：',click.position); //这里处理单击事件代码
    }, 200);
},Cesium.ScreenSpaceEventType.LEFT_CLICK);
     
handler.setInputAction(function(movement){    
    clearTimeout(timer);    
}, Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK );