Question

I have an Raphael element with click event handler:

var paper = Raphael("container", 770, 160);
var c = paper.rect(10, 10, 50, 50);
c.click(function () {
    alert("triggering");
})

How I can manually fire this event? (c.click() don’t work)
Thanks!

Answer 1

Although this question is already answered, I will post my solution which I found out by random.
It’s possible with the Raphael internals:

When you attach an event listener like element.click(func) then the element object holds an array with all events. In this array there’s an object which has a method f (strange naming convention) which triggers the event.

So to sum it up you can call your event with knowing the order of your events, in your case there’s just the click event which is on index 0, you can call it like: c.events[0].f();

A more generic solution would be a function like

function triggerClick(element) {
    for(var i = 0, len = element.events.length; i < len; i++) {
        if (element.events[i].name == 'click') {
            element.events[i].f();
        }
    }
}​

But beware that if you had multiple click events all were triggered.

Here’s a fiddle to demonstrate.