元素的拖拽

 const ele = document.querySelector('.ccc')
    // (1) 当鼠标按下，就获得鼠标在盒子内的坐标
    ele.addEventListener('mousedown', function (e) {
      let x = e.pageX - ele.offsetLeft
      let y = e.pageY - ele.offsetTop
      // (2)鼠标移动的时候，把鼠标在页面中的坐标，减去 鼠标在盒子内的坐标 就是模态框的 left 和 top值
      document.addEventListener('mousemove', move)
      function move(e) {
        ele.style.left = e.pageX - x + 'px'
        ele.style.top = e.pageY - y + 'px'
      }
      // (3) 鼠标弹起，就让鼠标移动事件解除
      document.addEventListener('mouseup', function () {
        document.removeEventListener('mousemove', move)
      })
    })