Forwarding of events from one UI element or set of elements to another

fowardEvents.js

// this shows forwarding jQuery events to native events
// where the target is hard-coded
forwardEventTo: function(e) {
    var iframeDocument = this.$el.find('iframe')[0].contentWindow.document;

    var target = iframeDocument.elementFromPoint(e.offsetX, e.offsetY);
    if (target) {

        var props = _.extend(e.originalEvent, {
            srcElement: target,
            target: target,
            toElement: target
        });
        var event = new MouseEvent(e.originalEvent.type, props);

        target.dispatchEvent(event);

        if(e.originalEvent.type === 'click') {
            target.focus();
        }
    }
},