Automatically bind events from data-attribute. This is based off of sparky.js, but ported to YUI3.

data-bind.js

/*Automatic binding handler
 *Attribute data-handler is the function in Events.handlers that handles the event
 *Attribute data-event is the event to bind to element. Defaults to click if none is provided
 *  -To attach multiple events seperate them with '|'. Ex. data-event="click|focus"
 *Attribute data-binded can be set to false to prevent the event from being attached to the element at run time.
 *  -Set attribute to true then run Events.bindEvents() to bind the event.  Elements that have already been bound are skipped.
 */

Events = {
  handlers: {
    
  },
  bindEvents: {
    Y.all('[data-handler]').each(function(node){
      var eventEl = node,
      handler = eventEl.getAttribute('data-handler'),
      eventType = eventEl.getAttribute('data-event').split('|') || ['click'],
      binded = eventEl.getAttribute('data-binded');
 
      if(typeof Events.handlers[handler] !== 'undefined') {
        if (binded !== 'false') {
          eventEl.setAttribute('data-binded', 'true');
          eventEl.on(eventType, Events.handlers[handler]);
        }
      }
    },
    init: function(){
      Events.bindEvents();
    }
  }
});

sample.html

<h1>Example HTML</h1>
<div id="clickDiv" data-handler="clickHandle"></div>
<input name="find" id="quickFind" data-handler="findHandle" data-event="keyup">

Great example! Thank you.