点击事件不会触发如果模糊更改布局

Question

我有一个窗体与blur-events绑定到必填字段。然后有一个“取消”按钮，它只是调用一个URL（按钮是一个带有点击事件的图像）。

当离开其中一个必填字段时，会向该页面写入一条警告，表明该字段xy是必需的。 - >这会导致布局移位，这意味着由于上面插入了文本，所有字段和按钮都会向下移动一点。

棘手的是：当焦点位于空白但必填的字段中，并且您单击取消按钮时，所需警告将写入屏幕，但取消按钮上的点击事件不会触发。 我认为这是由于布局转变。鼠标光标不再悬停在按钮上，因为按钮向下滚动。

有没有人一个好主意我该如何解决这个问题？

Answer 1

您可以尝试通过轮询setInterval函数在更改/模糊事件之前显示警告，以便在您到达“取消”按钮时已经发生回流。

或者，您可以在按钮上捕获onmousedown而不是onclick，因为它会在模糊之前发生。 （尽管这个按钮的行为并不像预期的那样）

但是我可能只是试着让警告不会导致回流，如果可能的话，通过留下一个空格，否则会导致回流。