Un cliente desea una lista desplegable de selección múltiple que reemplace el comportamiento normal del clic del mouse con CTRL+CLICK, como si se presionara la tecla CTRL mientras se hace clic con el mouse. Se advirtió al cliente que esto cambia el comportamiento esperado y lo quiere de todos modos. Inicialmente, quiero reemplazar el comportamiento de clic predeterminado con el comportamiento CTRL+CLICK. Quiero usar el elemento de selección y no otra cosa como sugieren algunas publicaciones.

Mi idea era detener el clic y reemplazarlo con un CTRL+CLICK simulado. Agregué el atributo onmousedown a la declaración de selección . El JS deshabilita el comportamiento de clic predeterminado y luego intenté crear y enviar el mismo evento de clic del mouse con ctrlKey establecido en verdadero ... pero no sucede nada. No se selecciona ni se deselecciona nada como debería hacerlo el comportamiento predeterminado CTRL+CLICK.

Soy nuevo en el manejo de eventos de JavaScript, así que estoy seguro de que me estoy perdiendo algo. ¿Alguien puede ayudar?

 <select id="selectbox" multiple onmousedown="SelectDeselect(event)"> <option id="option1">A</option> <option id="option2">B</option> <option id="option3">C</option> </select> <script> function SelectDeselect(event) { event.preventDefault(); optn = event.target; var ctrlClickEvent = new MouseEvent("click", { ctrlKey: true, }) document.getElementById(optn.id).dispatchEvent(ctrlClickEvent); } </script>