JavaScript得到鼠标指针相对于浏览器页面(或客户区)的水平坐标(兼容ie,ff)...
1.客户区:指的是当前窗口
2.如果页面使用母版页得到的X,Y轴坐标和不使用母版页得到的X,Y轴坐标不相同
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)...相关推荐
- html实现读取读卡器,如何在web浏览器页面使用IC卡读卡器并且兼容所有浏览器
随着H5技术的不断发展与推广,H5技术被广泛用于移动设备,PC终端等众多领域.同时,越来越多的应用都基于B/S(浏览器/服务器)模式,降低开发难度的同时还能更好的普及和应用,突破了硬件设备的兼容性问题 ...
- Win32 鼠标消息 - 客户区鼠标消息、非客户区鼠标消息、击中测试、鼠标滚轮
注:以下内容为学习笔记,多数是从书本.资料中得来,只为加深印象,及日后参考.然而本人表达能力较差,写的不好.因非翻译.非转载,只好选原创,但多数乃摘抄,实为惭愧.但若能帮助一二访客,幸甚! 注:以下内 ...
- html鼠标滑轮换图片,JavaScript实现鼠标滚轮控制页面图片切换
鼠标上的滚轮是一个不错的东东,为什么这么说,因为它能帮助我们快速的浏览网页,快速的进行长篇文章的阅读.对于web前端的我们来说又怎么能不注重这个鼠标滚轮呢,那么它能如何让用户更好的浏览网页呢?本文主要 ...
- idea页面不显示鼠标光标了?_Mac鼠标光标消失怎么办?苹果电脑鼠标指针不显示的解决方法
在小编使用mac电脑的过程中发现,鼠标光标会偶尔在Mac上消失.这种情况完全是随机的,任何时候都有可能发生.经过几次之后小编发现,当使用诸如Photoshop之类的大型软件并连接多个显示器时,鼠标光标 ...
- 解决google模拟手机浏览器,鼠标指针消失的问题
解决google模拟手机浏览器,鼠标指针消失的问题 参考文章: (1)解决google模拟手机浏览器,鼠标指针消失的问题 (2)https://www.cnblogs.com/qianxunpu/p/ ...
- JavaScript中改变鼠标指针样式的方法
JavaScript中改变鼠标指针样式的方法 在js中我们可以通过style对象的cursor属性来设置鼠标指针的样式,例 var body = document.querySelector(&quo ...
- 自定义web页面上鼠标指针图标
2019独角兽企业重金招聘Python工程师标准>>> 有时为了在特定区域显示特定的鼠标指针,需要设置 cursor属性,通常显示的是系统自带的鼠标指针,如何修改成为显示自定义图标的 ...
- 2021最新最全前端面试题(包含HTML、CSS、JavaScript、Vue、React、浏览器、算法与数据结构等)
整理了一些前端面试题,希望对正在找前端工作的伙伴有用.本篇文章内容篇幅较大,主要针对初中级前端开发工程师. 篇幅过长,大家可以先点赞收藏以后慢慢看. 关于HTML 的title和alt属性有什么区别 ...
- 10个性鼠标指针主题包_每个人都应该知道的十大电脑鼠标使用技巧,别说你不知道...
电脑鼠标是我们日常使用频率最高的一个设备,但遗憾的是,大多数计算机用户都没有充分利用计算机鼠标.下面我就给出一些使用计算机鼠标的提示和秘密,以帮助大家充分发挥计算机鼠标的潜力,并提高整体工作效率. 1 ...
最新文章
- Android-room的学习
- CF-1147D Palindrome XOR (建图划分等价类)
- 交付铁三角的故事之兵戎相见
- Unity界面插件NGUI基础教程
- Firefox-常用扩展
- bzoj 1057: 棋盘制作(悬线法)
- appium入门篇(2)--desired capabilities
- 医院计算机管理办法试行,医院信息工作制度七、计算机中心机房管理制度
- H264码流中SPS PPS SEI概念及详解
- vue的事件修饰符之.prevent
- 《C#之集训1-20121019c#基础》
- tweenMax下载和使用
- 学者该如何快速入门Python?内附十年Python程序员详细学习攻略
- AHRS系统的基本构成
- 企业微信-自建应用一:介绍与创建
- linux命令里的xz是干嘛的,xz命令 - Linux命令大全 | linux教程
- web免登钉钉微应用
- Ryan's zone微信公众账号
- css3雨滴掉落水面网页动画
- 自动驾驶感知——自动驾驶地图
热门文章
- 山西计算机应用基本技能,计算机应用基本技能 山西省对口高考题库
- hadoop jar包_Hadoop学习之路(5)Mapreduce程序完成wordcount
- Linux(Centos7)下使用RPM方式安装MySQL5.7
- 前端程序升级linux方案,开源:AspNetCore 应用程序热更新升级工具(全网第一份公开的解决方案)...
- java怎么区分变量和方法_如何测试Java的变量和方法
- java提升权限运行_提升代码的运行权限,实现模拟管理员身份的功能
- xml和html是兄弟还是父子?
- 攀达计算机usb控制器,[如何用注册表打开被屏蔽的USB插口.docx
- Spring Session, Redis 实现微服务 Session 共享
- Java 蓝桥杯 阶乘计算