js怎么获取鼠标在浏览器以外区域的坐标?

sdasfd_xu
  • 5
新手上路,请多包涵

在做表格拖动调整列宽时发现任何鼠标事件都无法获取鼠标在浏览器以外的坐标
drag直接不触发,mousemove无效,一旦离开可视区域,立即失去所有坐标信息,但是很多在线表格调整列宽时都能离开可视区域甚至浏览器,怎么做到的?

回复
阅读 541
1 个回答

在需要拖拽的元素上监听mousedown,然后在mousedown中去监听documentmousemove就可以获得你想要的坐标信息了

element.addEventListener('mousedown',()=>{
    const move=(e)=>{
        // 这里获取鼠标移动的坐标信息
    }
    const up =(e)=>{
        console.log('end')
        document.removeEventListener('mousemove',move)
        document.removeEventListener('mouseup',up)
    }
    document.addEventListener('mousemove',move)
    document.addEventListener('mouseup',up)
})
你知道吗?

宣传栏