模拟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（“click”）指定的事件。 这比使用Xs和Ys手动创建鼠标事件更好，因为这很困难，并且可能充满危险，因为您的对象有时会相互重叠。