JQuery-метод event.pageX может использоваться для определения положения мыши относительно левого края документа, тогда как event.pageY может использоваться для определения положения мыши относительно верхнего края документа. Давайте посмотрим на пример, чтобы понять, как это работает:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Find Coordinates of Mouse Pointer</title>
<style>
    *{
        margin: 0;
    }
    html, body{
        height:100%;
    }
</style>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function() {
    $("body").mousemove(function(event){
        var relPageCoords = "(" + event.pageX + "," + event.pageY + ")";
        $(".mouse-cords").text(relPageCoords);
    });
});
</script>
</head>
<body>
    <p>Координаты курсора мыши относительно страницы:: <strong class="mouse-cords"></strong></p>
</body>
</html>

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.