🐭A golpe de click
🤐 Al pulsar un botón sinónimo
Por eso nos entusiasma mostrarte en el tutorial de hoy cómo construir una ventana emergente que aparezca cuando tus usuarios pulsen un botón. Para cualquier sitio web, los consejos de este tutorial se pueden utilizar y configurar en cuestión de minutos.
Se trata de un desencadenante psicológico que sugiere que una vez que han comenzado, las personas son más propensas a completar una acción. Y es el efecto Zeigarnik el que da ventaja al tipo convencional sobre las ventanas emergentes en las que se puede hacer clic.
En otras palabras, antes de que lo vean, sus visitantes están comenzando el proceso de optar por su campaña. Es mucho más probable que terminen suscribiéndose a su oferta como resultado del inicio del proceso.
Hay algunas cosas que debes saber para hoy. Con “bloques de elementos” (o “bloques” para abreviar) se construyen todas nuestras campañas. Se trata de elementos como bloques de texto, bloques de vídeos, bloques de imágenes, etc.
Nathan Thompson es padre, autor y entusiasta de los viajes (en ese orden). Normalmente encontrarás a Nathan ofreciendo a sus ojos un muy necesario descanso de las pantallas con un buen libro o planeando un viaje familiar con su increíble esposa cuando no está luchando con sus hijos.
🦝 A golpe de click en línea
Ahora no sólo se ve bien, sino que gracias al atributo tabindex= “0”, es enfocable a través del teclado, y los lectores de pantalla lo considerarán como un botón adecuado porque le has añadido sabiamente “botón”. ¡Git commit && y luego push! Esta cosa tiene algunos trabajos extra, así que hemos terminado con el estilo. ¿Qué podría salir mal, potencialmente? La hora de la comida. Genial, ¡vamos! Una hora después… ¡fue un almuerzo realmente bueno! Volvamos a nuestro asunto de los clics. Antes de seguir adelante, tenemos que completar algunas tareas. Veamos… Después de pulsar el botón, necesitamos llamar a la función DoSomething, y debería haber una forma de desactivar el botón para que no se pueda pulsar. Suena sencillo. Para este botón, vamos a añadir un escuchador de eventos:<script>
Creado. Completado. Ahora los usuarios pueden pulsarlo en el monitor con un ratón y tocarlo en la pantalla táctil con un dedo. Un evento de clic se ejecutará eficientemente, ¡y verás un montón de cosas! Está en tu consola. ¿Cuál es la siguiente misión? ¡Aguanta! Para los usuarios de teclado, tenemos que asegurarnos de que todo funciona igual. Se puede enfocar porque tenemos este tabindex= “0” en el icono, y una vez enfocado, los usuarios deberían poder pulsar la barra espaciadora o la tecla “Enter” para activar lo que hayamos adjuntado. Así que, para captar todas las pulsaciones de las teclas, necesitamos conectar otro escuchador de eventos, y sólo activaremos nuestra función para esas teclas. Menos mal que los dispositivos táctiles son lo suficientemente inteligentes como para convertir todos los toques en clics; de lo contrario también tendríamos que conectar un montón de eventos táctiles.<script>
😻 A golpe de click del momento
El evento se dispara en el elemento ancestro más particular que contenga ambos elementos si se pulsa el botón en un elemento y se empuja el puntero fuera del elemento antes de soltar el botón.
Una vez disparados los eventos mouse-down y mouse-up, el click se dispara en ese orden. Notas de usoEl objeto MouseEvent pasado al manejador de eventos de clic tiene su propiedad de información establecida al número de veces que se ha hecho clic en el objetivo. En otras palabras, 2 para un doble clic, 3 para un triple clic, y así sucesivamente son la información. Si no hay clics, este contador se reinicia después de un breve intervalo; los detalles de la duración de ese intervalo variarán de un navegador a otro y de unas plataformas a otras. También es probable que las expectativas del usuario influyan en el intervalo; por ejemplo, las opciones de usabilidad pueden ampliar este intervalo para facilitar la realización de múltiples clics con interfaces adaptativas. Internet Explorer Internet Explorer 8 y 9 sufren un error por el que los eventos de clic no son recibidos por los elementos con un color de fondo transparente computado superpuesto a otro(s) elemento(s). Cualquier evento de clic se dispararía en su lugar al elemento(s) subyacente(s). Para una demostración, vea este ejemplo en vivo.
😋 A golpe de click online
Hola,(1) ¿Entiendo que ambas versiones gramaticales son correctas? (2) ¿Me pregunto si son “igualmente comunes” ambas versiones? La versión “con un clic del botón” (en la mayoría de los contextos realistas) me parece “más lógica” ya que enfatiza el hecho de que sólo se necesita un único CLIC para realizar una determinada tarea? Por otro lado, la segunda versión será preferible (sólo posible) en situaciones en las que el orador/escritor necesite subrayar que sólo se necesita UN botón para realizar una operación. ¡Gracias por los comentarios! Mus-teMar 11 2012 04:33:47MUSCOVITE MUSCOVITE