本文示列 cesium 滑鼠新增事件、及刪除事件。

建立viewer

var viewer = new Cesium.Viewer('cesiumContainer');

滑鼠事件

var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);

//1、左鍵單擊事件

handler.setInputAction(function(click){
    console.log('左鍵單擊事件：',click.position);     
},Cesium.ScreenSpaceEventType.LEFT_CLICK);
 

//2、左鍵雙擊事件

handler.setInputAction(function(click){
    console.log('左鍵雙擊事件：',click.position);     
},Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);

//3、左鍵按下事件

handler.setInputAction(function(click){
    console.log('左鍵按下事件：',click.position);     
},Cesium.ScreenSpaceEventType.LEFT_DOWN);
 

//4、左鍵彈起事件

handler.setInputAction(function(click){
    console.log('左鍵彈起事件：',click.position);     
},Cesium.ScreenSpaceEventType.LEFT_UP);

//5、中鍵單擊事​​件

handler.setInputAction(function(click){
      console.log('中鍵單擊事​​件：',click.position);     
 },Cesium.ScreenSpaceEventType.MIDDLE_CLICK);
 

//6、中鍵按下事件

handler.setInputAction(function(click){
      console.log('中鍵按下事件：',click.position);     
},Cesium.ScreenSpaceEventType.MIDDLE_DOWN);

//7、中鍵彈起事件

handler.setInputAction(function(click){
    console.log('中鍵彈起事件：',click.position);     
},Cesium.ScreenSpaceEventType.MIDDLE_UP);

//8、移動事件

handler.setInputAction(function(movement){
    console.log('移動事件：',movement.endPosition);     
},Cesium.ScreenSpaceEventType.MOUSE_MOVE);

//9、右鍵單擊事件

handler.setInputAction(function(click){
    console.log('右鍵單擊事件',click.position);     
},Cesium.ScreenSpaceEventType.RIGHT_CLICK);

//10、右鍵按下事件

handler.setInputAction(function(click){
    console.log('右鍵按下事件',click.position);     
},Cesium.ScreenSpaceEventType.RIGHT_DOWN);

//11、右鍵彈起事件

handler.setInputAction(function(click){
    console.log('右鍵彈起事件',click.position);     
},Cesium.ScreenSpaceEventType.RIGHT_UP);

//12、滾輪事件

handler.setInputAction(function(wheelment){
    console.log('滾輪事件：',wheelment);     
},Cesium.ScreenSpaceEventType.WHEEL);

//刪除事件

handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);