检查是否同时触发了mousedown和mouseup事件

Question

我正在使用Jtinder在屏幕上显示图像。

您可以左右滑动图像。

单击图像时我也使用Twitter Bootstrap Modal，图像的一些细节显示在模态中。

问题是，当我将图像滑动到喜欢或不喜欢的时候，也会打开bootstrap Modal。我正在使用openModal()在模态中插入描述，然后打开模态。

这是代码。

<img  ontouchstart="openModel(this, '<?php echo $rec->item_id ?>')" onclick="openModel(this, '<?php echo $rec->item_id ?>')"  class = "col-xs-12 col-sm-6" src = "<?php echo $rec->main_image; ?>">

在openModel()内，我想检查是否只有mousedown >> mouseup事件被触发，现在模态应该打开，如果它是mousedown >> mousemove那么就不要打开模式。

Answer 1

除非您设置标记，否则您可以使用具有各种手势的hammerjs等外部库来帮助您;如果你想自己实现这个，你可以在收到鼠标按下事件时在元素上设置一个属性（它可以只是一个布尔值，但你可以添加一些阈值，如果你喜欢），并在鼠标移动时删除它。然后在鼠标按下时，您可以检查该元素是否仍然具有该标志，如果该标志打开，则是常规点击，否则图像已被拖动且不应显示。