Get Mouse Position

by Fabi F

HTML

1. Pure JS
<div id="showCood"></div>
<br/>

2. JQuery
<div id="jQueryPos"></div>

JavaScript

// Get coordinates with...
// 1. Pure JS

function getMousePos(evt) {
    var doc = document.documentElement || document.body;
    var pos = {
        x: evt ? evt.pageX : window.event.clientX,
        y: evt ? evt.pageY : window.event.clientY
    };
    return pos;
}
document.onmousemove = moveMouse;

function moveMouse(evt) {
    var pos = getMousePos(evt),
        cood = document.getElementById("showCood");

    document.getElementById('showCood').innerHTML = pos.x + ',' + pos.y;

}

// 2. JQuery

$(document).bind('drag',function(e) {
    $("#jQueryPos").text(e.pageX + "," + e.pageY).show()
})