<html>
<head>
<style>
body {
margin: 0px;
padding: 0px;
}
div {
margin: 0px;
padding: 20px;
border: 1px solid #000;
}
</style>
<script>
var hasLeave = false;
function done() {
document.getElementById("status").innerHTML += 'done';
document.title = hasLeave ? "with mouseleave" : "without mouseleave";
}
function log(text) {
document.getElementById("status").innerHTML += text + ',';
document.title = text;
hasLeave |= (text == "onmouseout");
}
</script>
</head>
<body onload="log('onload')">
<div id="box" onmouseover="log('onmouseover')" onmouseout="log('onmouseout')"
onclick="log('onclick')" ondblclick="log('ondblclick')"></div>
<div id="status"></div>
</body>
</html>