<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="text/javascript">
var noDefault = (location.search.indexOf("noDefault=true") !== -1);
var isMap = (location.search.indexOf("isMap=true") !== -1);
window.addEventListener("load", () => {
let image = document.getElementById("testImage");
isMap ? image.setAttribute("ismap", "") : image.removeAttribute("ismap");
image.addEventListener("click", event => {
if (noDefault) {
ok(true, "image element prevents default");
event.preventDefault();
}
}, false);
window.addEventListener("click", event => {
ok(true, "expected prevent default = " + noDefault);
ok(true, "actual prevent default = " + event.defaultPrevented);
ok(event.defaultPrevented == noDefault, "PreventDefault should work fine");
if (noDefault) {
window.parent.postMessage("finished", "http://mochi.test:8888");
}
}, false);
window.parent.postMessage("started", "http://mochi.test:8888");
}, false);
</script>
</head>
<body>
<a href="bug1260704_iframe_empty.html">
<img id="testImage" src="file_bug1260704.png" width="100" height="100"/>
</a>
</body>
</html>