JAVASCRIPT
VUE
REACT
NODE
ES6
TYPESCRIPT

Js获取鼠标移动位置

2018. 02. 16    

Js获取鼠标移动位置

document.addEventListener('mousemove', showMousePosition, false);
function showMousePosition(event) {               
  // 相对于网页               
  console.log ( 'page: ' + event.pageX + ',' + event.pageY );               
  // 相对浏览器窗口               
  console.log ( 'client: ' + event.clientX + ',' + event.clientY );               
  // 相对于鼠标事件的目标元素               
  console.log ( 'offset: ' + event.offsetX + ',' + event.offsetY );               
  // 相对于屏幕               
  console.log ( 'screen: ' + event.screenX + ',' + event.screenY );                 
  // 相对于元素所在的“层”,与是否绝对定位有关             
  // 另,Webkit 已经准备停止支持这个“不符标准”的参数了:http://code.google.com/p/chromium/issues/detail?id=101733             
  console.log ( 'layer: ' + event.layerX + ',' + event.layerY );               
  // 这我也不知道是什么,似乎它总是等于 clientX/Y            
  console.log ( 'raw: ' + event.x + ',' + event.y );       
}

页面背景跟随鼠标实现缓动