Propagate iframe click event

propagate_iframe_click_event.js

// Click event happened in iframe won't propagate to the containing element of it.
// This script provides a workaround to simulate the propagation of click event of iframe.
//
// inspired by https://gist.github.com/jaydson/1780598#gistcomment-2609301

(function ($) {
    var selector = '[data-event-category][data-event-action]';

    var $elementsContainIframe = $(selector).filter(function () {
        return $(this).find('iframe,script').length;
    });

    if ($elementsContainIframe.length === 0) {
        return;
    }

    $(window).on('blur', function () {
        setTimeout(function () {
            if (document.activeElement instanceof HTMLIFrameElement) {
                // arbitrary iframe clicked in the current window

                $elementsContainIframe.each(function () {
                    var iframe = $(this).find('iframe')[0];
                    if (iframe === document.activeElement) {
                        // trigger the `click` event for the element which contains the clicked iframe
                        $(this).trigger('click');
                        $(iframe).trigger('blur');
                    }
                });
            }
        }, 0);
    });
})(jQuery);

I want when any one click on search button then its width 100% and height 100%

<iframe id="frmae" width="500" style="overflow:hidden;background-color:transparent;" src="http://vco.sax.softvoyage.com/cgi-bin/querypackage.cgi?code_ag=vco&alias=TKS&language=EN&mode=wide" frameborder="0" allowTransparency="true"></iframe>

@yaquawa This is not allowing to enter the data in input text fields due to blur event in Iframe. Is there any other way to fix this issue.