检查是否同时触发了mousedown和mouseup事件
Check if mousedown and mouseup event was fired at same time
我正在使用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这样的外部库,它有各种手势来帮助你;如果你想自己实现这一点,你可以在收到鼠标下降事件时在元素上设置一个属性(它可以只是一个布尔值,但如果你喜欢,你可以添加一些阈值),并在鼠标移动时删除它。然后当鼠标向下,你可以检查元素是否仍然有标志,如果标志是在,那么它是一个普通的点击,否则图像已经被拖动,不应该显示
相关文章:
- 如何知道鼠标按钮的当前状态(mouseup状态或mousedown状态)
- ExtJS 4按钮上的mousedown/mouseup事件
- 当mousedown/mouseup注册时,双击计时器始终为null
- 用标准javascript而不是jquery中的mousedown、mousemove和mouseup触摸事件句柄
- HTML5画布:如何处理mousedown mouseup mouseclick
- 是mousedown事件固有地比mouseup事件慢
- 谷歌地图矩形mouseDown和mouseUp事件无法在边界触发
- ng mousedown和ng mouseup在手机中不工作
- 将javascript mousedown/mouseup/mousemove/keypress监听器移植到移动设备时,
- 正在停止从单击处理程序传播mousedown/mouseup
- 改进:更改mousedown上的文本/背景按钮-revert on mouseup
- 多次调用mousedown()中的Mouseup()
- 在javascript上做mousedown和mouseup需要多长时间?
- 在ng-mousedown中绑定文档mouseup
- JQuery:按间隔减少mousedown选择输入的值,在mouseup时重置
- .mouseup()和.mousedown()不能与.mousemove()一起工作
- I'我试图在mousedown之后强制mouseup事件
- 检查是否同时触发了mousedown和mouseup事件
- JQuery mousedown和mouseup事件的意外行为
- 我可以在mousedown之后但在mouseup事件之前使onclick火吗