javascript跟随html输入字段

javascript follow html input fields

本文关键字:字段 输入 html 跟随 javascript      更新时间:2023-09-26

就像我如何跟踪鼠标位置并跟随一些动画一样,我希望跟随用户完成表单上的各种输入字段。

一种普通的html表单,包括输入字段、选择字段、单选按钮、复选框等。

当用户通过选项卡或鼠标点击等方式更改输入字段时,我希望使用动画来跟随它们从一个表单字段到另一个字段。

总之,我可以去挖掘当前关注的表单字段的x,y吗。

如果您使用jquery库,您可以使用.mousemove(handler)函数,它看起来像这个

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

Target是要在其中跟踪鼠标的html元素的id,log是显示结果的位置为了跟踪光标,您可以使用.keypress(handler),它的工作原理与上面的代码类似。详细信息可以在jqueryapi网站上找到。