web页面位置详解

原创 2016年05月31日 10:06:33

1理解客户区坐标位置

 

  含义是:鼠标指针在可视区中的水平clientX和垂直clientY坐标;

  如下图所示:

  

2理解页面坐标位置pageX和pageY:

 

  pageX与pageY是指页面坐标的位置,与clientX和clientY的区别是:它包含页面滚动条的位置,如下图所示:

  

但是IE8及更早的版本不支持pageX与pageY

EventUtil.addHandler(btn,'click',function(e){ e = EventUtil.getEvent(e); var pageX = e.pageX, pageY = e.pageY; if(!pageX) { pageX = e.clientX + (document.body.scrollLeft || document.documentElement.scrollLeft); } if(!pageY) { pageY = e.clientY + (document.body.scrollTop || document.documentElement.scrollTop); } console.log("页面X轴坐标为:"+pageX + " "+ "页面Y轴坐标为:"+pageY); });

 3理解屏幕坐标的位置

  屏幕横坐标screenX和垂直坐标screenY属性是相对于整个屏幕的。如下图所示:

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

通过Web页面获取基站位置

源代码地址:http://files.cnblogs.com/psunny/SafetyNetMobileHttpService.rar 我在使用Windows Mobile向http://ww...

JavaScript在Web页面中的位置

用JavaScript编写的代码需要放在HTML文档中才能被浏览器执行,有两种方式可以做到这一点。 一.直接内嵌JavaScript代码         这种方法将JavaScript代码写在  ...

j2ee页面静态化方案encache web cache框架详解1

web caching   1.介绍 Ehcache Web 是 EhCache 缓存框架的一个组件,主要用于Java开发Web项目中的一些缓存功能。包括一个单页缓存过滤器:Simp...

web页面跳转几种方式详解

在做web开发中,页面跳转的方式有很多种,然而有些时候这些跳转如何用到恰到好处却很容易被忽视。 客户端触发跳转有如下几种 使用meta元信息 ? ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)