EventTarget.addDelegatedEventListener

target.addDelegatedEventListener(type, selector, listener[, useCapture]);

type

A string representing the event type to listen for.

selector

A string representing the selector to test.

listener

The object that receives a notification when an event of the specified type occurs. This must be an object implementing the EventListener interface, or simply a JavaScript function.

useCapture

If true, useCapture indicates that the user wishes to initiate capture. After initiating capture, all events of the specified type will be dispatched to the registered listener before being dispatched to any EventTarget beneath it in the DOM tree. Events which are bubbling upward through the tree will not trigger a listener designated to use capture. If not specified, useCapture defaults to false.

document.addDelegatedEventListener('click', '.clickable', clickHandler);

var rightBox = document.querySelector('.alert-warning');
rightBox.addDelegatedEventListener('click', "[rel='clickableInside']", clickHandler);