¿Hay alguna manera de simular una entrada de teclado sin procesar en javascript, de modo que sea posible completar el texto en su página web a través de una extensión web?
Mi plan es cargar una extensión web (Firefox) que escribe una palabra en la barra de búsqueda de YouTube.
Todo lo que pude encontrar son los eventos del teclado, por ejemplo:
var e = new KeyboardEvent('keydown',{'keyCode':32,'which':32});
document.dispatchEvent(e);
Lamentablemente, esto solo desencadena un evento de pulsación de tecla, por lo que puedo iniciar y detener videos, pero no puedo escribir en el campo de texto de la barra de búsqueda.
¡Cualquier ayuda es realmente apreciada!
Gracias por adelantado.
Hay un par de maneras en que podemos hacer esto,
Una de las formas más fáciles es seleccionar el elemento DOM de búsqueda, establecer el valor del elemento de búsqueda y luego enviar un evento de clic en el botón de búsqueda.
document.querySelector('input').value = "Hello world"; document.querySelector('button#search-icon-legacy').click();Si desea hacerlo de la manera que mencionó, YouTube admite un atajo de teclado para acceder a la entrada de búsqueda. Al presionar la tecla '\' puede obtener el foco en la entrada de búsqueda. Entonces puede acceder al cuadro de búsqueda usando KeyboardEvent enviando un evento 'keydown' a '\' (191).
El código se parece a esto,
const slash = new KeyboardEvent('keydown', {'keyCode':191, 'which':191}) const k = new KeyboardEvent('keydown', {'keyCode':75, 'which':75}) const enter = new KeyboardEvent('keydown', {'keyCode':13, 'which':13}) document.dispatchEvent(slash) document.dispatchEvent(k) document.dispatchEvent(enter)