Iframe click detect by focus

by Tushar Thakare

HTML

<div id="message"></div>
<iframe id="iframe" src="https://view.officeapps.live.com/op/embed.aspx?src=https://www.iasted.org/conferences/formatting/Presentations-Tips.ppt"></iframe>

CSS

iframe {
    width: 500px;
    height: 300px;
}

JavaScript

focus();
var listener = addEventListener('blur', function() {
	if(document.activeElement === document.getElementById('iframe')) {
		message.innerHTML = 'Clicked';alert();
	}
    removeEventListener(listener);
});