SOURCE

console 命令行工具 X clear

                    
>
console
$(document).ready(function(){
  
  //实时监听鼠标坐标
  $(document).mousemove(function(e){ 
    console.log("X: " + e.pageX + ", Y: " + e.pageY);
    $("#data").append("<li>X: "+e.pageX+", Y: "+e.pageY+"</li>");
  });
  
  //鼠标按下事件
  $(document).mousedown(function(e){
    $("#data").append("<li>X: "+e.pageX+", Y: "+e.pageY+", 按下鼠标</li>");
  });
  
  //鼠标松开事件
  $(document).mouseup(function(e){
    $("#data").append("<li>X: "+e.pageX+", Y: "+e.pageY+", 松开鼠标</li>");
  });
});
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>

<div id="result">
  <input id="value" type="text"/>
  <input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/><input type="text"/>
  <ul id="data"></ul>
</div>