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

Check if mousedown and mouseup event was fired at same time

本文关键字：mousedown mouseup 事件 是否 检查      更新时间：2023-09-26

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

可以左右滑动图片

我也使用Twitter Bootstrap模态当一个图像被点击，一些关于图像的细节显示在模态。

问题是，当我滑动图像喜欢或不喜欢，引导模式也打开。我使用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这样的外部库，它有各种手势来帮助你;如果你想自己实现这一点，你可以在收到鼠标下降事件时在元素上设置一个属性(它可以只是一个布尔值，但如果你喜欢，你可以添加一些阈值)，并在鼠标移动时删除它。然后当鼠标向下，你可以检查元素是否仍然有标志，如果标志是在，那么它是一个普通的点击，否则图像已经被拖动，不应该显示

相关文章：