// Following the example of domEvent#on

// Unbind one event from an element.
off(div, 'click', toggle);

// Unbind multiple events with a same handler from multiple elements at once.
// Use event names splitted by a space.
off(element, 'mouseenter mouseleave', changeColor);

// Unbind multiple events with different handlers from an element at once.
// Use an object which of key is an event name and value is a handler function.
off(div, {
  keydown: highlight,
  keyup: dehighlight
});

// Unbind events without handlers.
off(div, 'drag');

const div = document.querySelector('div');

// Bind one event to an element.
on(div, 'click', toggle);

// Bind multiple events with a same handler to multiple elements at once.
// Use event names splitted by a space.
on(div, 'mouseenter mouseleave', changeColor);

// Bind multiple events with different handlers to an element at once.
// Use an object which of key is an event name and value is a handler function.
on(div, {
  keydown: highlight,
  keyup: dehighlight
});

// Set a context for handler method.
const name = 'global';
const repository = {name: 'CodeSnippet'};
on(div, 'drag', function() {
  console.log(this.name);
}, repository);
// Result when you drag a div: "CodeSnippet"