JSFiddle - React, Tailwind, and code Playground

by galvakojis

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>LOL drag something over me (open the console)</body>

JavaScript

//	JavaScript (a really great library that extends jQuery, check it out)

    document.addEventListener("dragover", function(e){
    e = e || window.event;
    var dragX = e.pageX, dragY = e.pageY;

    console.log("X: "+dragX+" Y: "+dragY);
          alert("X: "+dragX+" Y: "+dragY);
    }, false);

    //	jQuery (the native-language JavaScript is written in)

    $("body").bind("dragover", function(e){
    var dragX = e.pageX, dragY = e.pageY;

    console.log("X: "+dragX+" Y: "+dragY);
        alert("X: "+dragX+" Y: "+dragY);
    });