javascript - 如果 div 向下移动，则不会触发按钮单击

Question

因此，用例有一个 div、一个按钮和一个文本框。

在文本框的模糊事件中，div 展开

单击按钮时会显示警报。

所以这两件事都有效。但是如果我的光标位于文本框上并且我尝试单击按钮。然后点击不升起。据我了解，由于按钮已移动，所以点击不会被提升。那么，我的选择是什么

代码笨蛋

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

Answer 1

DEMO

只需监听 mousedown 即可，这确实是您正在寻找的内容。

  $('#clickAbleButton').on('mousedown',function() {

一次点击是 3 个事件而不是一个，并且它们都必须发生在同一个元素上，

1. 鼠标按下
2. 鼠标向上
3. 点击

该元素在 mouseup 之前移开，因此只需监听 mousedown 即可。

<小时/>

说实话，你为什么要在点击过程中移动按钮呢？我怀疑这个问题确实是一个设计问题，应该这样解决，而不是用 javascript 来解决。