Question

我试着理解，e.pageX和e.clientX属性有什么区别，我在下面写了代码并把e.pageX和e.clientX，但没有任何反应，没什么区别。有人可以帮帮我吗？

感谢。

<!DOCTYPE html>
<html>
<head>

    <script src="jquery-1.10.2.js"></script>
    <script>

        $(function () {
            $("div").mousemove(function (e) {

                var pageCoord = "( " + e.pageX + ", " + e.pageY + " )";
                $("span").text("Page coords " + pageCoord);
            });
        });



    </script>
    <style>
        div {
            background-color: Yellow; 
            width: 300px;
            height: 300px;
            position:fixed;
        }

        span
        {

          position:fixed;

        }

        body {
            height: 2000px;
            padding:0;
            margin:0;
        }
    </style>
</head>
<body>

    <div></div>
    <span>Coords</span>

</body>
</html>

Answer 1

它可以在那里工作：coord

本文可以帮助您了解差异pagex vs clientx

$("div").mousemove(function (e) {

      var pageCoord = "( " + e.pageX + ", " + e.pageY + " )";
      $(".page").text("Page coords " + pageCoord);
      var clientCoord = "( " + e.clientX + ", " + e.clientY + " )";
      $(".client").text("client coords " + clientCoord);
 });

.pageX和.clientX属性

1 个答案: