Вывод в консоль происходит только при клике. А как при движении курсора?

244

18 мая 2017, 11:36

$(document).mousemove(function(e){
    var X = e.pageX; 
    var Y = e.pageY; 
    console.log("X: " + X + " Y: " + Y);  
});

При движении курсора над страницей консоль не выводит результат. Только при клике. Как сделать так, чтобы координаты (результат) появлялись в консоли каждый раз при движении курсора?

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>olios</title>
    <link rel="stylesheet" href="css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
    <script
  src="https://code.jquery.com/jquery-2.2.4.min.js"
  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
  crossorigin="anonymous"></script>
</head> 
<body id="b">
<div id="wrapper" >
    <div id="header" onselectstart="return false" onmousedown="return false">
    <h2>newest<h2>
        <h1>olios</h1>
        <h3>newest furniture shop template</h3><span style="margin-left: 90px;" id="xy"></span>
        <a href="#" class="button">VIEW MORE</a>
    </div>
    <div class="container open-slidebar">
        <div id="slidebar">
        <div id="logo">
            <a href="#"><img src="img/logo.png" alt="logo"></a>
        </div>
        <ul class="nav">
            <li><a href="#"><img src="img/Home.png" alt="home"></a></li>
            <li><a href="#"><img src="img/Search.png" alt="search"></a></li>
            <li><a href="#"><img src="img/Basket.png" alt="basket"></a></li>
        </ul>
        </div>
    </div>
     <span id="xy"></span>
    <div id="hamburger"></div>
    <div id="slider"></div>
</div>
<script src="js/script.js"></script>
</body>
</html>