Comando + Enter para enviar formularios - » HostIN
He usado Mac durante unos seis años, pero no fue hasta que…
- HostIN
- Programación
- Comando + Enter para enviar formularios -
Comando + Enter para enviar formularios -
He usado Mac durante unos seis años, pero no fue hasta que comencé a usar Tweetdeck que me di cuenta de lo increíble que [COMMAND]+[ENTER]era la combinación de teclas. ¿Dentro de un área de texto? No hay problema [COMMAND]+[ENTER]y se envía el formulario. ¿Y si todas las formas podrían ser así? ¡Pueden ser con un poco de JavaScript!
JavaScript
Hay dos caminos a seguir: agregar un detector de eventos al formulario (delegado de eventos) o aplicar un detector de eventos a elementos específicos del área de texto. La ruta más segura es la delegación de eventos, ya que los formularios dinámicos pueden tener muchas áreas de texto agregadas en cualquier momento, pero las asignaciones por área de texto son mucho más eficientes. En última instancia, depende del desarrollador conocer su forma. A continuación se muestran tres ejemplos de código para realizar el envío de formularios de diversas formas:
// Asignar a un área de texto individual (más eficiente)myTextarea.addEventListener('keydown', function(e) {if(e.keyCode == 13 e.metaKey) {this.form.submit();}}) ;// Delegación de eventos de formulario: formulario individual (algo eficiente)form.addEventListener('keydown', function(e) {if(!(e.keyCode == 13 e.metaKey)) return;var target = e. target;if(target .form) {target.form.submit();}});// Delegación de eventos del cuerpo: cualquier forma (menos eficiente)document.body.addEventListener('keydown', function(e) { if(!(e.keyCode == 13 e.metaKey)) return;var target = e.target;if(target.form) {target.form.submit();}});
Tweetdeck utiliza [COMMAND]+[ENTER]al igual que GitHub en algunos de sus formularios. Naturalmente, comencé a buscar esta combinación de comandos de teclado en lugar de pasar a un campo que enviará el formulario mediante la [ENTER]tecla tradicional.
Te podría interesar...
DomainRooster presenta Web Hosting Plus Revisión de Devrims: alojamiento en la nube fácil y administrado [Cracked] &Licencia compartida barata de Cpanel▷Directadmin Whmcs Las 7 mejores pasarelas de pago para WooCommerce ¿Cuáles son los beneficios de utilizar software de gestión de clientes potenciales? Por qué el sector de PCB es un gran lugar para comenzar un nuevo negocio - Web Hosting | Computación en la nube | Centro de datos Seguridad, velocidad, estabilidad en WordPress Todo lo que necesita saber sobre alojamiento web para iglesias WP Engine Ireland obtiene la tercera certificación consecutiva de mejor lugar de trabajo en tecnología
Deja una respuesta Cancelar la respuesta
Lo siento, debes estar conectado para publicar un comentario.