wander 发表于 2013-1-4 02:43:27

javascript获取页面中的位置

<div id="cnblogs_post_body">一.如下是定位鼠标在视窗中的位置。   
   function getMousePoint()
       {
          var point = {x:0,y:0};
         
          // 如果浏览器支持 pageYOffset, 通过 pageXOffset 和 pageYOffset 获取页面和视窗之间的距离
          if(typeof window.pageYOffset != 'undefined') {
            point.x = window.pageXOffset;
            point.y = window.pageYOffset;
          }
          // 如果浏览器支持 compatMode, 并且指定了 DOCTYPE, 通过 documentElement 获取滚动距离作为页面和视窗间的距离
          // IE 中, 当页面指定 DOCTYPE, compatMode 的值是 CSS1Compat, 否则 compatMode 的值是 BackCompat
          else if(typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat') {
            point.x = document.documentElement.scrollLeft;
            point.y = document.documentElement.scrollTop;
          }
          // 如果浏览器支持 document.body, 可以通过 document.body 来获取滚动高度,如果是在ifram里面,用document.body可以获取iframe中滚动条的位置。
          else if(typeof document.body != 'undefined') {
            point.x = document.body.scrollLeft;
            point.y = document.body.scrollTop;
          }
          // 加上鼠标在视窗中的位置
          var event=window.event?window.event:evt;
          point.x += event.clientX;
          point.y += event.clientY;
         
          // 返回鼠标在视窗中的位置
          return point;
       }      

二. js获取控件位置
<div style="clear: both; color: #4b4b4b; font-family: georgia, verdana, Arial, helvetica, sans-seriff; font-size: 13px; line-height: 20px; background-color: #ffffff; ">
页: [1]
查看完整版本: javascript获取页面中的位置