Vue: 事件调度没有按正确的顺序完成?

创建于 2016-07-29  ·  3评论  ·  资料来源: vuejs/vue

Vue.js 版本

1.0.26

复制链接

http://codepen.io/anon/pen/akjNbW

重现步骤

  1. 点击输入
  2. 尝试点击按钮

    什么是预期的?

要触发的单击事件,然后模糊以继续。

实际发生了什么?

一个模糊事件被调用并且点击事件被释放。


我真的不知道这是否与 Vue 或浏览器如何处理事件委托有关。 尽管我使用 Firefox、Chrome、IE 和 Edge 对此进行了测试,但它们的行为都相同。

任何线索将不胜感激。
提前致谢。

最有用的评论

这是浏览器的标准行为。 您可能想改为监听mousedown事件。

正确的方法是使用更复杂的逻辑:

  • 输入模糊后,让按钮一会儿消失。
  • 如果按钮本身具有焦点,则强制按钮可见。

所有3条评论

这是个有趣的问题。
我认为与点击相关的 keydown 甚至在触发点击事件之前就会触发输入模糊。

棘手。

这是浏览器的标准行为。 您可能想改为监听mousedown事件。

正确的方法是使用更复杂的逻辑:

  • 输入模糊后,让按钮一会儿消失。
  • 如果按钮本身具有焦点,则强制按钮可见。

我认为mousedown活动就足够了,非常感谢@simplesmiler

此页面是否有帮助?
0 / 5 - 0 等级

相关问题

gkiely picture gkiely  ·  3评论

finico picture finico  ·  3评论

lmnsg picture lmnsg  ·  3评论

seemsindie picture seemsindie  ·  3评论

franciscolourenco picture franciscolourenco  ·  3评论