hammer.js - 如何在不传播“点击”事件的情况下注册“保留”事件
hammer.js - how to register a "hold" event without propagating a "click" event?
我想注册一个保留事件,但"跳过"此元素及其父元素上的"单击"事件背后的逻辑......我该怎么做?
测试用例(请随时分叉和编辑):http://codepen.io/muszek/pen/detAK
用例:用户按住 #foo 框以打开包含该元素选项的 #bar 对话框。单击任意位置(但在 #bar 上)将关闭 #bar。目前,按住 #foo 会打开 #bar,但在松开按钮时会立即关闭它。
Hammer.js并不真正处理本机事件。所以在这里你应该听tap
事件而不是click
.
我认为如果手势是hold
,则不会触发点击事件,但如果是这样,只需调用e.gesture.stopDetect();
以防止触发多种手势类型。(例如,这通常用于防止release
事件在swipe
后触发)
您无法阻止触发原生点击。您应该做的是收听"点击"而不是"点击"。锤.js将保持定义为持续超过一定时间的点击。
如果您根本不在侦听"单击",而是想防止触发 href 或按钮,请忘记它。更改div 的按钮和普通文本的 href,设置它们的样式,使它们看起来像以前一样,现在听"点击"它们。
http://codepen.io/anon/pen/dPVXrP
包装在父<div>
内。
相关文章:
- Asp.net按钮事件点击不做回发.有可能吗
- 如何使用onclick事件点击一个图像,并让它更改同一网页上的另一个图像
- 触发点击事件点击事件,触摸屏
- 事件点击不在td元素中的多个锚点标记上处理同一个类
- OO Javascript/jQuery事件点击处理程序
- 融合地图事件点击
- 如何提高事件点击量,将字段添加到 Ajax
- 当用户使用 jquery 的点击事件点击表格时,如何选择表格的行
- 高图表 + 从 jquery 中的选项设置事件点击
- Highcharts通过事件点击访问向下钻取数据
- Richmarker获取事件.点击谷歌地图js-apiv3
- 如何跟踪javascript事件(点击)在崩溃前执行的功能
- 点击事件点击框功能
- 如何使用jQuery在Purechat上引发事件点击
- 谷歌分析-显示功能与事件点击一起发送
- 如何应用twitter模式弹出全日历事件点击
- React事件点击在Safari / IE中不触发
- 试图添加链接到事件点击在js - Simplecart
- 事件点击href<a>标签
- Javascript执行事件点击