Estoy tratando de detectar un evento de tecla modificadora después de un clic del mouse.

Algunos antecedentes: el clic del mouse que se detecta está siendo capturado por la API del visor de Sketchfab como se documenta aquí . La API no devuelve si se presionó alguna tecla modificadora en el momento del clic.

Sin embargo, me gustaría que la interfaz de usuario haga cosas diferentes dependiendo de si se presionan las teclas modificadoras.

He intentado detectar y realizar un seguimiento de las teclas modificadoras abajo/arriba eventos como este:

 var c = {} // this is actually a vue.js object c.keyModifiers = { ctrlKey: false, altKey: false, shiftKey: false } window.addEventListener("keydown", function(event) { if ([16, 17, 18].includes(event.keyCode) ) { Object.keys(c.keyModifiers) .forEach(k => { c.keyModifiers[k] = event[k] }) } }, true); window.addEventListener("keyup", function(event) { if ([16, 17, 18].includes(event.keyCode) ) { Object.keys(c.keyModifiers) .forEach(k => { c.keyModifiers[k] = event[k] }) } }, true);

pero el evento keyup ya no se detecta después del clic (keydown funciona muy bien).

Otras cosas que he probado/pensado:

• detectar clic en cualquier parte de la ventana: no parece funcionar probablemente porque el visor de Sketchfab es un iframe
• tener un bucle setInterval comprobando si se presiona la tecla: no parece haber una manera de hacerlo

¿Qué puedo hacer para detectar si se presiona una tecla modificadora en este caso?