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

您可以左右滑动图像。

单击图像并且有关图像的一些详细信息显示在Modal中时,我也使用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事件,现在应该打开Modal,如果是mousedown >> mousemove,则不要打开MODAL。

最佳答案

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

关于javascript - 检查mousedown和mouseup事件是否同时触发,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39192441/

10-13 09:43