Ir al contenido principal

¿Cómo puedo enfocar automáticamente la barra de búsqueda de la galería de artículos?

Aprende a usar JavaScript para enfocar automáticamente la barra de búsqueda de tu galería al cargar la página.

Brandon Ray avatar
Escrito por Brandon Ray
Actualizado esta semana

Esta función está disponible en todos los planes de Goodshuffle Pro.

Puedes hacer que el cursor de un visitante se enfoque automáticamente en la barra de búsqueda agregando el siguiente fragmento de JavaScript a tu sitio.


El mejor lugar para agregar este código dependerá de la plataforma, configuración y necesidades de tu sitio.

Recomendamos agregarlo como una inyección de código en el pie de página de tu sitio o colocarlo al final del body. Si tu creador de sitios tiene un área donde puedes colocar JavaScript personalizado para que se ejecute, esa también es una buena opción (en este caso, no necesitas la etiqueta <script>).

<script>
var focus = function(isRetryAttempt = false) {
// time is in milliseconds
var timeBeforeRetry = 500;
var el = document.getElementById("gspro-search-input")
if (el) {
el.focus();
return;
}
if (isRetryAttempt) return;
setTimeout(function() { focus(true) }, timeBeforeRetry);
};
window.onload = function() {
focus();
}
</script>

NOTA: Este script depende de que ciertos recursos se carguen para funcionar correctamente. Intentará una vez más en caso de que esos recursos aún no se hayan cargado. El tiempo óptimo de espera entre intentos puede variar según los recursos que esté cargando tu sitio. Este valor se puede cambiar fácilmente editando el valor de timeBeforeRetry, que arriba está configurado en 500 milisegundos.

Si notas que la barra de búsqueda no se está enfocando, aumenta el valor de timeBeforeRetry.


¿Necesitas ayuda adicional?
Haz clic en la burbuja de chat azul en la esquina inferior de tu pantalla para enviar un mensaje a nuestro equipo de soporte. ¡Estamos para ayudarte!

Descargo de responsabilidad: Este artículo fue traducido usando IA. Si tienes preguntas o necesitas aclaraciones, contáctanos usando la burbuja de chat en la esquina inferior de tu pantalla.

¿Ha quedado contestada tu pregunta?