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