0
230
Vistas¿Cómo agrego un botón flotante con acceso directo a una tecla de función F7?
Teníamos viejas máquinas PDA con teclado y teclas de función y tenemos una aplicación web que funciona en ellas hecha en ASP clásico, jquery y javascript. Después de abrir la aplicación web, el usuario debe presionar la función F7 para agregar un registro para escanear un código de barras.
Ahora las viejas máquinas PDA están muertas y estamos en proceso de comprar PDA Android. Las nuevas máquinas no tienen ningún teclado, es solo la pantalla táctil. Intentamos agregar un teclado, pero no queda mucho espacio en la pantalla para ver el contenido de la página y es un poco tedioso para los usuarios.
¿Hay alguna forma en que podamos agregar un botón flotante en la página y al presionarlo, simula la función F7?
Gracias por adelantado.
1 Respuestas
Responde la pregunta0
La siguiente secuencia de comandos crea un elemento de button que, cuando se hace clic, inicia la función clickF7 que simula presionar la tecla F7.
function clickF7() { document.dispatchEvent(new KeyboardEvent('keydown', { 'key': 'f7' })) } const button = document.createElement('button') button.innerHTML = 'click f7' document.body.appendChild(button) button.onclick = clickF7 document.addEventListener('keydown', function (e) { if(e.key === 'f7') { console.log('clicked f7') } }) EDITAR: se agregó un oyente para probar el evento keydown EDITAR: probado en Chrome
