pageX/pageY,screenX/screenY,clientX/clientY的差别

简介: pageX/pageY,screenX/screenY,clientX/clientY的差别   $(document).click(function(e){ //x方向无差别 //alert(e.

pageX/pageY,screenX/screenY,clientX/clientY的差别

 

$(document).click(function(e){

//x方向无差别
//alert(e.pageX+','+e.screenX+','+e.clientX);
//y方向有差别,无滚动条时pageY和clientY一样,有的话三者有差别
alert(e.pageY+','+e.screenY+','+e.clientY);


});

 

目录
相关文章
|
6天前
|
JavaScript
原生js中offsetTop, offsetLeft与offsetParent的详细讲解
原生js中offsetTop, offsetLeft与offsetParent的详细讲解
|
9月前
window.scrollTop 不生效的原因,如何解决
window.scrollTop 不生效的原因,如何解决
287 0
|
9月前
|
API
window resize和scroll事件性能优化
window resize和scroll事件性能优化
161 0
|
6天前
|
前端开发
window.requestAnimationFrame+localStorage+canvas实现跨窗口小球连线效果
window.requestAnimationFrame+localStorage+canvas实现跨窗口小球连线效果
29 0
|
7月前
|
JavaScript
avalon使用ms-visible出现重叠的问题
avalon使用ms-visible出现重叠的问题
24 0
|
8月前
mouseover、mouseout和mouseenter、mouseleave之间的区别(配对使用)
mouseover、mouseout和mouseenter、mouseleave之间的区别(配对使用)
|
JavaScript 前端开发
详细区分offsetX,clientX,pageX,screenX,layerX和X的区别
详细区分DOM事件中鼠标指针的坐标问题 前面博客中我们讲解到了DOM事件的event对象,里边包含了鼠标事件的指针坐标属性。比如event.offsetX,event.clientX,event.pageX,event.screenX等等。现在我们来解析一下这些坐标属性的区别。 HTML代码: <div class="box"></div> <div class="box2"></div> 1 2 CSS代码: .box{ width: 200px; height: 200px; backgro
 详细区分offsetX,clientX,pageX,screenX,layerX和X的区别
|
SQL Shell 数据库
巧用Event发现问题
巧用Event发现问题
|
Web App开发 前端开发
诡异的element-ui的table错位问题
诡异的element-ui的table错位问题
为什么会有window.window这种设计
为啥要搞这个这个看起来貌似很奇葩的设计。 要解答这个问题,还得请出this,我们经常说浏览器中的全局对象是window, 这句话对了,也还没完全对。 全局对象的真实身份应该是全局作用域的this。 window只是为了便于访问this,弄出来的一个属性。
274 0
为什么会有window.window这种设计