/ / javascript segue os campos de entrada html [closed] - javascript, html, forms

javascript siga os campos de entrada html [closed] - javascript, html, forms

Assim como eu posso rastrear a posição do mouse e seguir com alguma animação, eu desejo seguir um usuário através de vários campos de entrada no formulário.

Um formulário html normal composto por campos de entrada, campos selecionados, botões de opção, caixas de seleção, etc.

Quando um usuário altera o campo de entrada por tabulação ou clique do mouse, eu desejo usar uma animação para segui-los do campo de formulário para o campo.

Então, em resumo, posso determinar o x, y do campo de formulário atualmente focado.

Respostas:

2 para resposta № 1

Se você usa a biblioteca jquery, você pode usar o .mousemove(handler) função que se parece com isso

$( "#target" ).mousemove(function( event ) {
var msg = "Handler for .mousemove() called at ";
msg += event.pageX + ", " + event.pageY;
$( "#log" ).append( "<div>" + msg + "</div>" );
});

Target é o id do elemento html que você deseja rastrear o mouse e log é onde o resultado é exibido Também para rastrear o cursor você pode usar o .keypress(handler) Ele funciona de maneira semelhante ao código acima. Detalhes podem ser encontrados no site da jquery api.