Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>window.open test</title>
<style>
div {
padding: 20px;
}
</style>
</head>
<body>
<div>
<input id="instant" type="button" value="instant no features"
onclick="window.open('about:blank', '_blank');">
</div>
<div>
<input id="instant-popup" type="button" value="instant popup"
onclick="window.open('about:blank', '_blank', 'popup=true');">
</div>
<div>
<input id="delayed" type="button" value="delayed no features"
onclick="setTimeout(() => window.open('about:blank', '_blank'), 100);">
</div>
<div>
<input id="delayed-popup" type="button" value="delayed popup"
onclick="setTimeout(() => window.open('about:blank', '_blank', 'popup=true'), 100);">
<div>
<div>
<a id="link-instant" href=""
onclick="window.open('about:blank', '_blank'); event.preventDefault()">
instant no features
</a>
</div>
<div>
<a id="link-instant-popup" href=""
onclick="window.open('about:blank', '_blank', 'popup=true'); event.preventDefault()">
instant popup
</a>
</div>
<div>
<a id="link-delayed" href=""
onclick="setTimeout(() => window.open('about:blank', '_blank'), 100); event.preventDefault()">
delayed no features
</a>
</div>
<div>
<a id="link-delayed-popup" href=""
onclick="setTimeout(() => window.open('about:blank', '_blank', 'popup=true'), 100); event.preventDefault()">
delayed popup
</a>
<div>
<div>
<input id="focus-check" type="button" value="check focus"
onclick="document.getElementById('focus-result').value = 'ok';">
</div>
<div>
<input id="focus-result" type="text" value="">
<script type="text/javascript">
document.addEventListener("keydown", event => {
if (event.key == "x") {
window.open('about:blank', '_blank');
}
if (event.key == "y") {
window.open('about:blank', '_blank', 'popup=true');
}
});
</script>
</body>
</html>