jsFiddle

• Run
• Edit

• JavaScript
• HTML
• Result

var log = $('log');

$('foo').addEvents({  
    click: function() {  
        log.set('html','click');
    },  
    mouseenter: function() {  
        log.set('html','mouseover');  
    },  
    mouseleave: function() {  
        log.set('html','mouseout');
    }  
});

<p id="foo">
    I am foo. <br/>click, <br/>mouseover,<br/>mouseout,<br/>but please <br/>don't be a playah.
</p>
<p id="log">Waiting ...</p>