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

Question

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

您可以左右滑动图像。

单击图像并且有关图像的一些详细信息显示在Modal中时，我也使用Twitter Bootstrap Modal。

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

这是代码。

<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事件被触发，现在应该打开Modal，如果它是mousedown >> mousemove则不要打开MODAL。

Answer 1

除非设置了标志，否则您不能使用外部库，例如Hammerjs ，它具有多种手势可以帮助您； 如果要自己实现此功能，则可以在收到鼠标按下事件时在元素上设置一个属性（它可以是布尔值，但可以根据需要添加一些阈值），并在鼠标移动时将其删除。 然后，在鼠标按下时，您可以检查元素是否仍然具有该标志，如果该标志处于打开状态，则单击它是常规单击，否则图像已被拖动并且不应显示。