【js中定位】

js中定位

1.鼠标事件

clientX：当鼠标事件发生时（不管是onclick，还是omousemove，onmouseover等），鼠标相对于浏览器（这里说的是浏览器的有效区域）x轴的位置；
clientY：当鼠标事件发生时，鼠标相对于浏览器（这里说的是浏览器的有效区域）y轴的位置；
screenX：当鼠标事件发生时，鼠标相对于显示器屏幕x轴的位置；
screenY：当鼠标事件发生时，鼠标相对于显示器屏幕y轴的位置；
offsetX：当鼠标事件发生时，鼠标相对于事件源x轴的位置
offsetY：当鼠标事件发生时，鼠标相对于事件源y轴的位置
pageX：当鼠标事件发生时，鼠标相对于浏览器x轴的位置
pagey：当鼠标事件发生时，鼠标相对于浏览器Y轴的位置
举个例子

<script>
        let div= document.querySelector('div')
        div.addEventListener('click',function(event){
   
            console.log('screenX:',event.screenX)
            console.log('clientX:',event.clientX)
            console.log('offsetX:',event.offsetX)
            console