Tecla de atalho com jquery

Sunday 6 September 2009 às 18:12

O script abaixo faz com que o browser acesse a URL contida no elemento com id="next" ao ser solta uma determinada tecla.

Esse recurso pode ser adicionado em sites que tem diversas página como por exemplo, google imagens, ao inves de clicarmos em cima do link para próxima página simplemente pressionamos a seta para direita ( Key Code = 39 ).

$(document).ready(function(){
	$('document').keyUp(function(e){
	e.keyCode == 39;
	window.location = $('#next').atrr('href');
	});
});

Depois inserimos  id="next" no elemento em que queremos aplicar.

<a href="http://www.meusite.com.br/page/2/" id="next">Próxima Página</a>

Qual é o código da tecla?

Cada tecla tem seu próprio código, portanto, você tera que consulta-los para descobrir qual o código que a representa. Em Key Code Javascript você encontra um lista completa delas.

4xhp9t7f5u

Related posts:

1. Galeria com troca de imagem
2. Quando a usabilidade é mais importante que SEO?
3. Atalhos, como podem melhorar o site
4. Faveshortcut – resource of shortcut
5. Serviços

Bookmarks