javascript取鼠标当前坐标_Jquery_Ajax_Javascript

夜鹰教程网-程序员的加油站

·设为首页·加入收藏

本站首页技术文章全套前端云课堂智慧校园

你好，欢迎来到夜鹰网！【去购买教程】

当前位置：文章中心 >> Jquery_Ajax_Javascript

javascript取鼠标当前坐标

夜鹰教程网来源：www.yyjcw.com 日期：2016-11-14 19:01:08

用window.event对象的属性，总共有四对属性用来取得鼠标位置,分别是：

用window.event对象的属性，总共有四对属性用来取得鼠标位置,分别是：
clientX和clientY screenX和screenY offsetX和offsetY x和y
一 clientX和clientY
设置或接收相对于浏览器窗口客户区的鼠标x、y坐标，客户区不包括窗口滚动条及边框
大小(MSDN原文:Sets or retrieves the x-coordinate/y-coordinate of the mouse
pointer's position relative to the client area of the window, excluding
window decorations and scroll bars.)

在IE4里，这一对属性只读不可写，IE5及以后版本里则可读可写(MSDN原文:The
property is read-only in Microsoft® Internet Explorer 4.0, and read/write
in Microsoft® Internet Explorer 5 and later.)

语法: event.clientX=[iPos] event.clientY=[iPos] iPos应该是一个整数

二 screenX和screenY
设置或接收相对于用户屏幕的鼠标坐标

在IE4里，这一对属性只读不可写，IE5及以后版本里则可读可写

语法: event.screenX=[iSize] event.screenY=[iSize] iSize应该是一个整数

三 offsetX和offsetY
设置或接收鼠标指针在鼠标所在的元素上的偏移量

在IE4里，这一对属性只读不可写，IE5及以后版本里则可读可写

语法: event.screenX=[iCoord] event.screenY=[iCoord] iCoord应该是一个整数

四 x和y
设置或接收相对于鼠标所在的元素的父元素的坐标(MSDN原文:Sets or retrieves
the x-coordinate, in pixels, of the mouse pointer's position relative to
the parent element.)

在IE4里，这一对属性只读不可写，IE5及以后版本里则可读可写,但IE5以前的版式本里
x和y坐标并不相对于鼠标所在的元素的父元素，只相对于浏览器窗口的客户区

如果在检测鼠标位置时，鼠标却在浏览器窗口的外面，则x和y都返回-1

复制链接网友评论收藏本文关闭此页

上一条： JS鼠标悬停显示缩略图下一条： Java中ArrayList和LinkedList的比较

夜鹰教程网成立于2008年，目前已经运营了将近 13 年，发布了大量关于 html5/css3/C#/asp.net/java/python/nodejs/mongodb/sql server/android/javascript/mysql/mvc/easyui/vue/echarts原创教程。我们一直都在坚持的是：认证负责、一丝不苟、以工匠的精神来打磨每一套教程，让读者感受到作者的用心。我们默默投入的时间，确保每一套教程都是一件作品，而不是呆板的文字和视频！目前我们推出在线辅导班试运营，模式为一对一辅导，教学工具为QQ。我们的辅导学科包括 java 、android原生开发、webapp开发、商城开发、C#和asp.net开发，winform和物联网开发、web前端开发，但不仅限于此。普通班针对的是国内学员，例如想打好基础的大学生、想转行的有志青年、想深入学习的程序员、想开发软件的初学者或者业余爱好者等。就业办针对即将毕业上岗的大四学生，或者打算转行的初级开发工程师。留学生班针对的是在欧美、加拿大、澳洲、日本、韩国、新加坡等地留学的中国学子，目的是让大家熟练地掌握编程技能，按时完成老师布置的作业，并能顺利地通过考试。详细咨询QQ：1416759661 夜鹰教程网