Want advice on handling clicks & entity selection

CesiumJS
1

I am working to implement click selection of entities.

I wrote the following function which will fire when I click while holding the shift key

  const scene = viewer.value.scene
  const handler = viewer.value.screenSpaceEventHandler
  handler.setInputAction(
    function (click) { console.log( 'shift-clicked' ) },
    Cesium.ScreenSpaceEventType.LEFT_CLICK, Cesium.KeyboardEventModifier.SHIFT
  )

However, this function will not fire if the shift key is not pressed. So, I need to add another function:

  handler.setInputAction(
    function (click) { console.log( 'clicked' ) },
    Cesium.ScreenSpaceEventType.LEFT_CLICK
  )

Adding another function seems strange to me. I am more used to a system where I just write a single function, receive the click event, and determine if the shift key was pressed.

Do I need two functions? Is there a better way?

Also, how can I disable holding down the shift key or ctrl key and moving the camera during a mouse move?

2

Hi, You can use multiple Event Handers like:

handler.setInputAction(
function (click) { console.log( ‘Left clicked with Shift Pressed’ ) },
Cesium.ScreenSpaceEventType.LEFT_CLICK, Cesium.KeyboardEventModifier.SHIFT
);

3

If I understand your answer correctly, I do need two separate functions. One tied to LEFT_CLICK and one tied to LEFT_CLICK+SHIFT. Thank you for the confirmation.