个人中心
文章发布
退出
作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用？
- database - RESTful URI 是否应该公开数据库主键？
24
4
我在使用 Hammer.js 2.0.4 的情况下有两个 hammerjs 实例来监听 tap 事件:在父 div 元素中打开，一个在子元素中。我想在 child 处理时停止事件传播。但是，hammer.js 2 不支持。
在下面的示例中，我希望子项的 tap 事件首先触发，然后是父项的事件(事件从子项冒泡到父项)。相反，它看起来像 hammer.js 的 第一个创建的实例 的 tap 事件首先触发。
试试下面的例子(also on jsbin):
<!DOCTYPE html>
<html>
<head>
<script src="//cdn.jsdelivr.net/hammerjs/2.0.4/hammer.js"></script>
<style>
#child {
width: 200px;
height: 200px;
background: lightgreen;
}
</style>
</head>
<body>
<p>
See the browser console. Why does the tap event of the parent div fire first?
</p>
<div id="parent">
<div id="child">click here</div>
</div>
<script>
var hammerParent = new Hammer(document.getElementById('parent'));
var hammerChild = new Hammer(document.getElementById('child'));
hammerParent.on('tap', function (event) {
console.log('tap parent');
});
hammerChild.on('tap', function (event) {
console.log('tap child');
});
</script>
</body>
</html>
关于如何在 hammer.js 中进行正确的事件传播有什么想法吗？
最佳答案
我在 hammer.js v2 之上创建了一个小库来解决传播问题:
https://github.com/josdejong/propagating-hammerjs
不过，如果 hammer.js 开箱即用地支持这一点，那就太好了。
关于javascript - 如何使用 hammer.js 2 获得正确的事件传播？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27428185/
24
4
0
我正在尝试为我的 meteor 应用程序添加触摸支持。我添加了hammer包:hammer。它将hammer_hammer.js 文件填充到文档中，并创建一个名为Hammer 的变量。问题是，这个变量
刚刚更新到 Hammer 2.0.2 并添加了 jquery.hammer plugin我在项目中需要它时遇到困难。 目前，我刚刚收到“Uncaught ReferenceError: Hammer
如何区分同一元素上的滑动和拖动？我试过: Hammer(blueDiv).on('swipe', function(e) { e.gesture.stopDetect(); e.gestu
我像这样创建一个锤子实例: var el = document.getElementById("el"); var hammertime = Hammer(el); 然后我可以添加一个监听器: ham
我第一次使用hammer.js 使轮播触摸左右滑动。轮播是由 bootstrap-carousel.js 构建的。但触摸滑动不起作用。我是 js 新手，所以无法找到解决方案。你能检查一下这里出了什么问
为什么我的 panstart 事件触发频率与 pan 事件触发频率相同？ panstart 不是应该每个手势只触发一次吗？ var myElement = document.getElementByI
我正在使用 Hammer.JS 来检查事件。我想长按做一些事情。所以我正在使用像这样的锤子新闻事件 var mc = new Hammer(can); mc.on("press", function
我目前正在使用hammer.js 触摸库来执行点击和平移事件。我现在需要双击事件。 根据双击示例，锤子管理器创建一个新的锤子对象，而无需预设识别器。您基本上可以添加/构建自己的。 //We creat
我正在使用 Hammer.js 来寻找水平平移手势，我设计了一个简单的函数来在向左或向右平移时单击按钮。它工作正常，除了垂直滚动在触摸设备上没有任何作用，或者它真的有故障和奇怪。 函数如下: var
我有一个想法，让一些网页适合触摸设备，并且我有一个包含行和列的表格。我计划单击某个单元格并生成对不同页面或功能的调用。我需要对 tap、doubletap 和 taphold 表事件的支持，在长时间使
I have two html divs like this: Div 1 Div 2 Div 2 使用 jquery，当我单击每个 div 时，我可以获得正确的 data-val 值。 var el
我正在使用 Hummer.js为了处理单击和双击，两种手势的识别都有几百毫秒的延迟。如此处所示 (fiddle) var hammertime = new Hammer.Manager(conta
我对 Hammer JS 有一些问题， 在 chrome 开发者工具中我有一些错误: 未捕获的 ReferenceError:TOUCH_ACTION_COMPUTE 未定义 hammer.js:37
我在我的 Web 应用程序上使用 hammer.js 来实现手势功能。我用它来滑动视频元素，它的效果如预期的那样完美。但是，当我将以下代码应用于图像元素时，它不起作用。 App.Views.Photo
我以这种方式使用 Hammer，它有效(它只触发下一个/上一个按钮): var slider = document.getElementsByClassName('slider'); Hammer(s
我有一个简单的照片库，可以在拖动事件时更改图像，我在使用 iOS7 浏览器时遇到问题，当向右或向左拖动时，拖动事件被触发了太多次。我试图添加一个全局变量来告诉上一个事件是否未结束但我无法让它工作，我还
我想出了以下脚本(基于此处和网络上的答案)来捏/缩放和移动缩放图像。它会放大/缩小但不会移动调整大小的图像。 document.write 脚本永远不会执行，即使代码看起来非常好。我是否遗漏了一些明显
当用户在他们的触摸设备上执行操作时，我正在使用 hammer.js 重置我的计时器。这适用于点击、按下和水平滑动，但我怎样才能让它识别垂直滑动？ $(function () { var pag
我构建了以下演示应用程序，允许用户使用触摸手势左右移动各部分以及上下移动页面:http://preview.na-software.co.uk/Demo/FutureLearning2/ 它使用 Ha
有没有办法用 Hammer.js 找出滑动手势的起点？我需要知道它，以便查明是否有人开始从设备(本例中为 iPad)的边框滑动。 $(".nav").on("swipeleft", f
我是一名优秀的程序员,十分优秀！