Tengo el siguiente código:
var parentAction = document.querySelector("[title='Actions for Tab']"); var refreshButton = parentAction.getElementsByClassName("slds-truncate")[0].click();Esto hace que una pestaña específica se actualice en un sitio web. Lo tengo configurado en una función con un intervalo establecido para ejecutarse cada 60 segundos. Esto funciona sin ningún problema.
Sin embargo, muchas veces esta función se ejecutará mientras un usuario está escribiendo en un campo de entrada. Cuando ocurre el clic, toma el foco del usuario que escribe y hace que se abran ventanas aleatorias en la página debido a las teclas que presionan. Si no están escribiendo en ese momento, está bien. Solo tienen que volver a hacer clic en el campo de entrada y continuar. Sin embargo, esto se vuelve frustrante después de un corto tiempo.
¿Hay una mejor manera de simular el evento de clic sin enfocarse en el campo de entrada que están escribiendo?
Si la pestaña se actualiza a través de ajax, ¿por qué no simplemente llamar a un método que activa la acción de actualización?
Si tiene que seguir esa ruta: la siguiente es una solución alternativa que omite la actualización en medio de la acción del usuario; también incluye un temporizador que se activa si el usuario se va durante las incursiones en el formulario.
var i = document.querySelector('input') var inputFocus = false, pageTimer; i.onfocus = () => { inputFocus = true; pageIdle() } i.onblur = () => { pageIdle() } let refreshPage = () => { if (!inputFocus) console.log('page refresh') } let pageIdle = () => { console.log('user typing') if(pageTimer) clearTimeout(pageTimer) pageTimer = setTimeout(() => { inputFocus = false}, 6000) << refreshes when users idles } setInterval(refreshPage, 2000) << refreshes regularly document.onkeydown = () => { inputFocus = true pageIdle() }