<!doctype html>
<html>
	<head>
		<title>Non-rendered body should still become current target element</title>
		<style type="text/css">
html { background: blue; }
		</style>
	</head>
	<body>

		<script type="text/javascript">
var seentypes = {};
document.body.ondragenter = document.body.ondragover = document.body.ondrop = function (e) {
	e.preventDefault();
	//document.body.innerHTML += e.type;
	if( e.type == 'drop' ) {
		document.body.innerHTML = ( seentypes.dragenter && seentypes.dragover ) ? 'PASS' : 'FAIL';
	} else {
		seentypes[e.type] = true;
	}
}
		</script>

	</body>
</html>