【问题标题】: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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-10-03
    • 2016-04-27
    • 2011-05-01
    • 2023-04-03
    • 2021-06-27
    • 1970-01-01
    • 1970-01-01
    • 2023-03-15
    相关资源
    最近更新 更多