JSFiddle - Pegar a posição X e Y do mouse utilizando Jquery Java script

Olá, um dia eu precisei capturar a posição x e y do mouse e ralei bastante porque os livros não traziam essa iformação de uma forma muito didática, até que em um momento consegui, e descobri o JSFIDDLE um site que permite compartilhar códigos e editar html, css e js dinâmico e ter o resultado na hora e com versionamento onde você pode salvar sua própria versão do código, essa é a primeira vez que falo da ferramenta porém existe na web uma infinidade de usuários criando e compartilhando códigos e você pode aprender bastante e contribuir com eles .




HTML

<div class="mouse">
        <br/>
        <br/>
        <br/>
        Passe o mouse
</div>

CSS

.mouse{
    height:200px;
    width:200px; 
    border:solid;
}

JS


$(".mouse").mousemove(function (e) {
    var mouseX = e.pageX;
    var mouseY = e.pageY;
    $(".mouse").html("Mouse: X" + mouseX + " " + "Y"+ mouseY);
});

Comentários