html, body, #container {

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

}

var stage = acgraph.create('container');

​

var blueText = stage.text(70, 55, 'Click on this TEXT');

blueText.style({fontStyle: 'italic', fontSize: '18px', color: '#2196F3', hAlign: 'center'});

​

var rect = stage.rect();

rect.setBounds(blueText.getBounds());

rect.fill('#FFEBEE 0.00001');

rect.stroke(null);

​

acgraph.events.listen(rect, 'mouseOver', function (e) {

    blueText.style({color: '#4CAF50'});

});

​

acgraph.events.listen(rect, 'mouseOut', function (e) {

    blueText.style({color: '#2196F3'});

});

​

acgraph.events.listenOnce(rect, 'click', function (e) {

    blueText.text('You can\'t click here anymore');

    blueText.style({color: '#F44336'});

​

    rect.setBounds(blueText.getBounds());

​

    // Removes all listeners.

    acgraph.events.removeAll(rect);

});