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