<html>
<style>
#draggableDiv {
width: 100px;
height: 100px;
position: absolute;
top: 0px;
left: 0px;
background-color: teal;
}
</style>
<body onload="top.runTest()">
<div id='draggableDiv' draggable='true'>
Drag me</div>
<script type='text/javascript'>
const draggableDiv = document.getElementById('draggableDiv');
draggableDiv.addEventListener('dragstart', (event) => {
event.preventDefault();
top.dragStarted(draggableDiv);
});
draggableDiv.addEventListener('mousedown', (event) => {
top.mousedownTriggered();
});
document.addEventListener('contextmenu', event => {
event.preventDefault();
});
</script>
</body>
</html>