e.client、e.page、e.screen相对于谁获得坐标

// 鼠标事件对象 MouseEvent
    document.addEventListener('click', function(e) {
 // 1. client 鼠标在可视区的x和y坐标
   console.log(e.clientX);
console.log(e.clientY);
console.log('---------------------');

// 2. page 鼠标在页面文档的x和y坐标
   console.log(e.pageX);
   console.log(e.pageY);
   console.log('---------------------');

   // 3. screen 鼠标在电脑屏幕的x和y坐标
   console.log(e.screenX);
   console.log(e.screenY);

    })