<!DOCTYPE html>
<!-- Frame that can be used to initiate dragging of an image.
The image fills the frame from (0,0) to (199,199).
-->
<head>
<meta charset="utf-8">
<style>
img {
position: absolute;
top: 0px;
left: 0px;
width: 200px;
height: 200px;
border: 0px;
margin: 0px;
padding: 0px;
}
</style>
<script src="event_monitoring.js"></script>
<script>
function dragstart_handler(ev) {
ev.dataTransfer.effectAllowed = "copy";
window.reportDragAndDropEvent(ev);
}
</script>
</head>
<body>
<img ondragstart="dragstart_handler(event);"
ondragend="window.reportDragAndDropEvent(event);"
ondragleave="window.reportDragAndDropEvent(event);"
onmousedown="window.reportDragAndDropEvent(event);"
onmousemove="window.reportDragAndDropEvent(event);"
REPLACE_WITH_CROSSORIGIN
src="//REPLACE_WITH_HOST_AND_PORT/drag_and_drop/cors-allowed.jpg">
</body>