有没有办法为多个对象设置一个锤击事件？

Question

我正在使用 hammer.js 触控库运行对 svg 文件中的文本执行某些操作。

样本可以在http://codepen.io/cmgdesignstudios/pen/mebqeW

看到

在我的例子中，如果你点击任何字母，它就会变成蓝色；其他人变黑。以下代码对第一个字母执行此操作。

var Note1 =  document.getElementById('Note1');
var Note1Hammer = new Hammer (Note1);
Note1Hammer.on("tap", function(changecolor){Note1.style.fill="blue";
});

我有 7 个不同的字母。每个字母我有 7 个相似的代码块。我可以对多个对象使用单个 hammer 变量和 hammer on 语句，这样我就不必为每个对象都使用一个吗？

Answer 1

如果您在初始调用后包含 jQuery Plugin，则可以改为使用 jQuery 对其进行初始化。

hammertime = $('.note').hammer()

Answer 2

最初我一直在为每个我想使用触摸库的对象创建一个新的锤子实例。但是，我了解到 hammer 实例中的目标选项，它允许几乎任何对象在更大的对象组（例如 svg 文件或整个 html 文档的 body 标签中接收触摸识别器。

 ev.target
 ev.target.id

目标几乎可以是任何对象，如果它有一个 id，id 可以用 target.id 选项找到。

有没有办法为多个对象设置一个锤击事件？

Is there a way to have one hammer event for multiple objects?

javascript

svg

hammer.js