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