如何从javascript代码块之外的对象声明调用hammer.js？

我不确定我问的这个问题是否正确。但是对于鼠标事件，我可以在我希望调用脚本的对象中放置onclick操作。例如

但是，hammer.js脚本的调用方式不同。它从javascript的大块中传递一个id。我想让它在我的页面上的每一个图像的工作方式，我可以与鼠标事件相同。有没有办法做到这一点

谢谢， --克里斯托弗

编辑我正在添加hammer调用。 *第二次编辑*修改了我之前发布的hammer函数，以按照第一位评论者的建议添加事件侦听器

        var prevent_scroll_drag = true;
    var element = document.getElementsByTagName("svg");
    var hammertime = [];

    for(i=0;i<element.length;i++){
    hammertime[i] = Hammer(element[i],{
          preventDefault: true,
        gesture: true
      }).on('doubletap drag pinch',
        function (event){
      switch(event.type){
        case 'doubletap':
          alert("doubletap");
          break;
        case 'drag':
          alert("drag");
          break;
        case 'pinch':
          alert("pinch");
          break;
      }//close switch
      }//function close
        );//closes .on() 
    }

var-prevent\u-scroll\u-drag=true；
var元素=document.getElementsByTagName（“svg”）；
var-hammertime=[]；
对于（i=0；i使用addEventListener（）而不是内联事件，那么您只需要元素的一个ref来附加事件。ref可以通过传递、id、标记名、层次结构路径等来实现。我对javascript还是相当陌生。如何将EventListener添加到文档中的每个svg图像中？在document.getElementsByTagName（“svg”）的循环中，document.images，或者通过在主体上使用一个处理程序并检查该通用句柄中的e.target.tagName，我将循环
var element=document.getElementsByTagName（“svg”）；var currentsvg；用于（i=0；iI设法使hammer.js在所有svg图像上工作。我编辑了我的原始帖子，以说明我是如何使其工作的。但是，在hammer例程调用的函数中，我不知道如何辨别哪个svg是活动的。