问题描述
在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 );
代码解析
单击:用户单击 - 清除定时器 - 定时器赋值 - 200ms后执行相应单击代码 - 单击事件完成。
双击:用户双击 - 进入到单击事件 - 清除定时器 - 定时器赋值 - 200ms后执行相应单击代码 - 进入到双击事件 - 清楚定时器 - 单击事件代码取消执行。