Raphael :: Fire Event

See http://stackoverflow.com/questions/11951469/fire-event-in-raphael-js

HTML

<h4>點這個箱子讓它變得更透明</h4>
<p>點擊 <span id="count">0</span> 次</p>
<div id=container></div>

JavaScript

var paper = new Raphael("container");
var rect = paper.rect(50, 40, 50, 50).attr({fill: 'red'});
var count = 0;
var count_el = document.getElementById('count');

rect.click(function() {
    var o = rect.attr('opacity');
    rect.attr({opacity: o * .9});
    count++;
    count_el.innerHTML = count.toString();
});

var evObj = document.createEvent('MouseEvents'); 
evObj.initEvent('click', true, false); 
rect.node.dispatchEvent(evObj);