<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
#myIDdiv {
margin-top:150px;
width: 150px;
text-align:center;
border: 1px solid #8c8c8c;
}
</style>
</head>
<body>
<p id="point"> </p>
<div id="myIDdiv" ondragleave="myFunction(event)">
<p draggable="true">Drag me out</p>
</div>
<script>
function myFunction(e){
document.getElementById("point").innerHTML="Drag Leaved";
}
</script> </body>
</html>