javascript - 如何确定事件是否从滚动条触发

Question

我有一个 div，我在其中实现了像滑动一样的 iPad。

看看我在 JSFiddle 上的意思(只需在 div 中单击并拖动鼠标即可。)

我想防止有人在使用滚动条时发生滑动(点击滚动条，然后从左向右移动，滑动仍然发生)。

简而言之，我需要的是 if(!event.wasTriggeredFromScrollbar)，我可以在任何事件触发器(在本例中为 mousedown/move/up)中使用它。

欢迎使用 jQuery 和常规的“ol Javascript 答案”。

编辑:为了更有意义。

Answer 1

这是我解决这个问题的方法，因为这似乎实际上是不可能的。

第 1 步: 捕获 MouseDown 事件。将 scrollLeft 和 scrollTop 的当前位置存储到变量中。

第 2 步: 在 MouseMove 事件中，检查 scrollLeft 和 scrollTop 的当前位置并比较它们针对你的变量。如果它们不同，则取消您要执行的任何操作。如果它们是相同的，则 MouseDown 事件不是由滚动条触发的(或任何其他会改变 scrollLeft 和 scrollTop 的东西，例如另一个动画)，你可以自由地做你想做的事!

编码愉快!