Javascript 如何添加事件,如放在普通图像上的SVG图像上的onClick<;img>;HTML代码中的标记

Javascript 如何添加事件,如放在普通图像上的SVG图像上的onClick<;img>;HTML代码中的标记,javascript,svg,raphael,Javascript,Svg,Raphael,/*这里我有一个上面有svg的图像*/ <!DOCTYPE html> <html> <body> <div> <img src="test.jpg" alt="Shirt Image" /> <img id="tt-mask" class="mask" src="mask11.png" alt="Mask Image" />

/*这里我有一个上面有svg的图像*/

 <!DOCTYPE html>
        <html>
        <body>
        <div>
          <img src="test.jpg" alt="Shirt Image" />
           <img   id="tt-mask" class="mask" src="mask11.png" alt="Mask Image" />
           <div   id="logo-mask" role="m ... z" ></div>
        </div>
        </body>
        </html>


好的,您可以在svg元素周围添加一个div包装器,并将click事件放在div上。

您可能想告诉我们您的问题是什么,以及您迄今为止尝试了什么。您正在使用的svg picture/img元素在哪里?您好,具有id徽标掩码的div具有我使用Inkscape跟踪的svg的角色属性。我想在点击时给图像上色。位svg部件不接受任何事件