javascript跟随html输入字段[关闭]答案

【问题标题】：javascript follow html input fields [closed]javascript跟随html输入字段[关闭]
【发布时间】：2016-02-26 11:08:40
【问题描述】：

就像我可以跟踪鼠标位置并跟随一些动画一样，我希望通过表单上的各种输入字段来跟随用户。

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

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

所以总而言之，我可以确定当前焦点表单字段的 x,y 吗？

【问题讨论】：

确保在用户点击输入时可以跟踪。您可以使用点击事件。
follow them with a helper animation 是什么意思？您想向他们展示工具提示吗？你想向他们展示一个“飞行”的div吗？请详细说明您希望发生什么。
你在用jquery吗
你是什么意思？ follow them with a helper animation 正如 Mosh Feu 所说

标签： javascript html forms

【解决方案1】：

如果你使用 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) 来跟踪光标，它的工作原理与上面的代码类似。详情请见jquery api site。

【讨论】：