Morton 8 de septiembre de 2014 a las 07.24
   Imprimir artículo
elWebmaster.com

Cómo mejorar redirecciones en JavaScript para aceptar Command + Clic


javascript-logo-wideUna de las mejores partes de las simples especificaciones HTML5 es que permite a los elementos “A” envolver DIVs y otros elementos de bloque. Por mucho tiempo fue necesario a√Īadir c√≥digo JavaScript que escuche, o redirecciones de windows.location cuando un envoltorio “A” hubiese sido suficiente. Pero hay veces que “A” no funciona, por ejemplo en un bloque que ya contiene los elementos “A”, cuando quieres que los clics en cualquier otra parte lleven a un determinado lugar.

Por supuesto, un oyente básico funcionaría:

someElement.addEventListener('click', function(e) {
	window.location = someElement.get('data-url');
});

…pero ser√≠a sucumbir sucumbir a una gran man√≠a: hacer¬† COMMAND+CLIC sobre un bloque y abrir el enlace en la misma ventana.¬† Cuanto m√°s cerca de obtener bloques de c√≥digo personalizado en funcionalidades nativas del navegador, mejor ser√°. As√≠ que tom√©monos un momento para mejorar nuestro oyente:

someElement.addEventListener('click', function(e) {
	var url = someElement.get('data-url');

	if(e.metaKey || e.ctrlKey) {
		window.open(url);
	}
	else {
		window.location = url;
	}
});

Eso es todo. ¬°Esperamos que te sea de utilidad!

Fuente original del artículo: David Walsh Blog
Traducción realizada por
elWebmaster.com


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Acceder