YUI event purge example

by steveukx

HTML

<script src="https://igpc4302.igindex.co.uk/lib/yui/260_1321/yui-all.js"></script>
<div id="div">
    <p id="wibble"> wibble </p>
    <p id="plop"> plop </p>
</div>

CSS

#div { padding: 0 0.25em; }
p {
    padding: 5px; display: inline-block; margin: 0.5em 0.25em;
    background: rgba(0,0,0,0.2); cursor: pointer;
    border-radius: 0.5em;
    font-family: tahoma; font-size: 0.8em;
}
p:hover {
    background: rgba(0,0,0,0.1);
}

JavaScript

(function() {
    var Event = YAHOO.util.Event;
    
    Event.addListener('div', 'click', function() {
        alert('div');
    });
    
    Event.addListener('wibble', 'click', function() {
        alert('wibble');
        Event.purgeElement('div', true);
    });
    
    Event.addListener('plop', 'click', function() {
        alert('plop');
    });
    
    Event.addListener(['plop', 'wibble'], 'click', function() {
        alert('plop wibble');
    });
    
}());