提交点击不首先点击工作

时间:2013-06-24 10:29:05

标签: javascript

我有一个表单,其中包含在模糊时验证的字段。如果发现它们无效,则在无效字段下方显示div,导致表单向下扩展。

如果您更正字段并单击提交按钮,则会再次隐藏div,并且提交按钮会向上移动。

我的理论是,这导致提交的点击事件没有被注册,这是一个正确的假设,如果是这样,是否有可能解决这个问题,然后移动按钮或反馈div,这样他们就不会t移动按钮?

示例代码:(首先单击输入文本字段,然后单击按钮以确保触发模糊)

http://plnkr.co/edit/wsneOizyENlepf8Ffm7q?p=preview

1 个答案:

答案 0 :(得分:0)

此问题并非代码未注册处理提交点击事件。它的按钮永远不会被点击。在我看来,Chrome正在运行模糊事件。在模糊事件之后,它尝试在相同的坐标处执行mousedown(最终导致单击)。由于模糊移动了提交按钮,因此没有任何反应。

如果您将提交按钮保持在同一位置,它将起作用 见http://plnkr.co/edit/1emnfeHAzOGDXbcFueLT?p=preview