Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<meta charset="utf-8">
<title>activeElement when focusing different-site iframe then immediately focusing back outer</title>
<input type="text">
<iframe src="http://{{hosts[alt][www]}}:{{ports[http][0]}}/focus/support/focus-event-after-focusing-iframes-inner.html"></iframe>
<script>
let outerlog = "outerlog:";
let iframe = document.querySelector("iframe");
let input = document.querySelector("input");
window.onmessage = function(e) {
if (e.data == "focus") {
outerlog += "willfocusiframe,";
iframe.focus();
outerlog += "didfocusiframe,";
outerlog += "willfocusinput,";
input.focus();
outerlog += "didfocusinput,";
} else if (e.data == "getlog") {
iframe.contentWindow.postMessage("getlog", "*");
} else if (e.data == "getActiveElement") {
opener.postMessage(document.activeElement.tagName, "*");
} else {
opener.postMessage(outerlog + e.data, "*");
}
};
window.onload = function() {
input.onfocus = function() {
outerlog += "inputfocus,";
};
input.onblur = function() {
outerlog += "inputblur,";
};
opener.postMessage("ready", "*");
};
</script>