【JavaScript】- 图片跟着鼠标滑动

这里使用了事件委托

事件委托是利用事件流的特征解决一些开发需求的知识技巧

优点：给父级元素加事件（可以提高性能）

原理：事件委托其实是利用 事件冒泡 的特点， 给父元素添加事件，子元素可以触发

实现：事件对象.target 可以获得真正触发事件的元

    let img = document.querySelector('img')

      // 鼠标跟随：你得监听到鼠标的移动：mousemove,绑定为文档 / body
      document.addEventListener('mousemove', function(e) {

        img.style.left = e.clientX - img.offsetWidth / 2 + 'px'
        img.style.top = e.clientY - img.offsetHeight / 2 + 'px'

      })

client是可视窗口xy轴，offwetWidth是DOM元素的宽高