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

时间:2016-08-28 14:44:41

标签: javascript jquery twitter-bootstrap

我正在使用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那么就不要打开模式。

1 个答案:

答案 0 :(得分:1)

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