模拟svg组上的click事件

Question

我使用Snap.svg创建了一个群组。

shape = paper.rect(225, 50, 100, 50, 10, 10);
text = paper.text(253,82, "text")
myGroup = paper.g(shape, text);
myGroup.click(toggleSelection);

当我用鼠标实际点击该组时，会执行toggleSelection功能。我无法弄清楚如何模拟点击。我已经尝试了myGroup.click（）myGroup.events.click（）等。

似乎没有Snap的内置方法，所以欢迎标准的JS！

Answer 1

var event = document.createEvent("SVGEvents");
event.initEvent("click",true,true);
myGroup.dispatchEvent(event);

这将触发您之前使用.on（＆＃34;点击＆＃34;）分配的事件。 这比使用Xs和Ys手动创建鼠标事件更好，因为这很困难，并且可能充满危险，因为您的对象有时会相互重叠。