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

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

可在以下位置查看样本：

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

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

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

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

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

---

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

 ev.target
 ev.target.id

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