Jak získat souřadnice polohy myši?
Jak v JavaScriptu zjistit aktuální polohu kurzoru myši na stránce – řešení v čistém JavaScriptu i v jQuery.
<div id='info'></div>
Javascript řešení:
<script>
document.body.onmousemove = function(e)
{
var event = e || window.event;
var mleft = event.pageX || event.clientX;
var mtop = event.pageY || event.clientY;
document.getElementById("info").style.top = mtop + "px";
}
</script>
jQuery řešení:
<script>
$(document).ready(function(event){
$("html").mousemove(function(event){
var mleft = event.pageX;
var mtop = event.pageY;
$("#info").text(mleft+", "+mtop);
});
});
</script>
alternativní řešení jQuery
<script>
$("#target").mousemove(function (event) {
var thisPosX = $(this).position().left;
var thisPosY = $(this).position().top;
msg = (event.clientX-thisPosX) + ", " + (event.clientY-thisPosY);
$("#log").html("<div>" + msg + "</div>");
});
</script>