1.客户区:指的是当前窗口

2.如果页面使用母版页得到的X,Y轴坐标和不使用母版页得到的X,Y轴坐标不相同

var hovertipMouseX;

var hovertipMouseY;

function hovertipMouseUpdate(e) 
{

  var mouse = hovertipMouseXY(e);

  hovertipMouseX = mouse[0];

  hovertipMouseY = mouse[1];

}
function hovertipMouseXY(e)
{

  if( !e ) 
  {
    if( window.event ) 
    {
      //Internet Explorer
      e = window.event;
    } 
   else 
    {
      //total failure, we have no way of referencing the event
      return;
    }
  }
  if( typeof( e.pageX ) == 'number' )
  {
    //most browsers
    var xcoord = e.pageX;
    var ycoord = e.pageY;
   } 
  else if( typeof( e.clientX ) == 'number' ) 
  {
    //Internet Explorer and older browsers
    //other browsers provide this, but follow the pageX/Y branch
    var xcoord = e.clientX;
    var ycoord = e.clientY;
  }
  var badOldBrowser = ( window.navigator.userAgent.indexOf( 'Opera' ) + 1 ) ||
   ( window.ScriptEngine && ScriptEngine().indexOf( 'InScript' ) + 1 ) ||
   ( navigator.vendor == 'KDE' );
   if( !badOldBrowser ) 
   {
     if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) 
       {
       //IE 4, 5 & 6 (in non-standards compliant mode)
       xcoord += document.body.scrollLeft;
       ycoord += document.body.scrollTop;
      }
    else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) )
     {
       //IE 6 (in standards compliant mode)
        xcoord += document.documentElement.scrollLeft;
        ycoord += document.documentElement.scrollTop;
     }
  }
  else 
  {
   //total failure, we have no way of obtaining the mouse coordinates
   return;
  }
    return [xcoord, ycoord];
  }

转载于:https://www.cnblogs.com/dushouke/archive/2008/07/28/1254482.html

JavaScript得到鼠标指针相对于浏览器页面(或客户区)的水平坐标(兼容ie,ff)...相关推荐

  1. html实现读取读卡器,如何在web浏览器页面使用IC卡读卡器并且兼容所有浏览器

    随着H5技术的不断发展与推广,H5技术被广泛用于移动设备,PC终端等众多领域.同时,越来越多的应用都基于B/S(浏览器/服务器)模式,降低开发难度的同时还能更好的普及和应用,突破了硬件设备的兼容性问题 ...

  2. Win32 鼠标消息 - 客户区鼠标消息、非客户区鼠标消息、击中测试、鼠标滚轮

    注:以下内容为学习笔记,多数是从书本.资料中得来,只为加深印象,及日后参考.然而本人表达能力较差,写的不好.因非翻译.非转载,只好选原创,但多数乃摘抄,实为惭愧.但若能帮助一二访客,幸甚! 注:以下内 ...

  3. html鼠标滑轮换图片,JavaScript实现鼠标滚轮控制页面图片切换

    鼠标上的滚轮是一个不错的东东,为什么这么说,因为它能帮助我们快速的浏览网页,快速的进行长篇文章的阅读.对于web前端的我们来说又怎么能不注重这个鼠标滚轮呢,那么它能如何让用户更好的浏览网页呢?本文主要 ...

  4. idea页面不显示鼠标光标了?_Mac鼠标光标消失怎么办?苹果电脑鼠标指针不显示的解决方法

    在小编使用mac电脑的过程中发现,鼠标光标会偶尔在Mac上消失.这种情况完全是随机的,任何时候都有可能发生.经过几次之后小编发现,当使用诸如Photoshop之类的大型软件并连接多个显示器时,鼠标光标 ...

  5. 解决google模拟手机浏览器,鼠标指针消失的问题

    解决google模拟手机浏览器,鼠标指针消失的问题 参考文章: (1)解决google模拟手机浏览器,鼠标指针消失的问题 (2)https://www.cnblogs.com/qianxunpu/p/ ...

  6. JavaScript中改变鼠标指针样式的方法

    JavaScript中改变鼠标指针样式的方法 在js中我们可以通过style对象的cursor属性来设置鼠标指针的样式,例 var body = document.querySelector(&quo ...

  7. 自定义web页面上鼠标指针图标

    2019独角兽企业重金招聘Python工程师标准>>> 有时为了在特定区域显示特定的鼠标指针,需要设置 cursor属性,通常显示的是系统自带的鼠标指针,如何修改成为显示自定义图标的 ...

  8. 2021最新最全前端面试题(包含HTML、CSS、JavaScript、Vue、React、浏览器、算法与数据结构等)

    整理了一些前端面试题,希望对正在找前端工作的伙伴有用.本篇文章内容篇幅较大,主要针对初中级前端开发工程师. 篇幅过长,大家可以先点赞收藏以后慢慢看. 关于HTML 的title和alt属性有什么区别 ...

  9. 10个性鼠标指针主题包_每个人都应该知道的十大电脑鼠标使用技巧,别说你不知道...

    电脑鼠标是我们日常使用频率最高的一个设备,但遗憾的是,大多数计算机用户都没有充分利用计算机鼠标.下面我就给出一些使用计算机鼠标的提示和秘密,以帮助大家充分发挥计算机鼠标的潜力,并提高整体工作效率. 1 ...

最新文章

  1. Android-room的学习
  2. CF-1147D Palindrome XOR (建图划分等价类)
  3. 交付铁三角的故事之兵戎相见
  4. Unity界面插件NGUI基础教程
  5. Firefox-常用扩展
  6. bzoj 1057: 棋盘制作(悬线法)
  7. appium入门篇(2)--desired capabilities
  8. 医院计算机管理办法试行,医院信息工作制度七、计算机中心机房管理制度
  9. H264码流中SPS PPS SEI概念及详解
  10. vue的事件修饰符之.prevent
  11. 《C#之集训1-20121019c#基础》
  12. tweenMax下载和使用
  13. 学者该如何快速入门Python?内附十年Python程序员详细学习攻略
  14. AHRS系统的基本构成
  15. 企业微信-自建应用一:介绍与创建
  16. linux命令里的xz是干嘛的,xz命令 - Linux命令大全 | linux教程
  17. web免登钉钉微应用
  18. Ryan's zone微信公众账号
  19. css3雨滴掉落水面网页动画
  20. 自动驾驶感知——自动驾驶地图

热门文章

  1. 山西计算机应用基本技能,计算机应用基本技能 山西省对口高考题库
  2. hadoop jar包_Hadoop学习之路(5)Mapreduce程序完成wordcount
  3. Linux(Centos7)下使用RPM方式安装MySQL5.7
  4. 前端程序升级linux方案,开源:AspNetCore 应用程序热更新升级工具(全网第一份公开的解决方案)...
  5. java怎么区分变量和方法_如何测试Java的变量和方法
  6. java提升权限运行_提升代码的运行权限,实现模拟管理员身份的功能
  7. xml和html是兄弟还是父子?
  8. 攀达计算机usb控制器,[如何用注册表打开被屏蔽的USB插口.docx
  9. Spring Session, Redis 实现微服务 Session 共享
  10. Java 蓝桥杯 阶乘计算