1.关于使用event对象，出现的兼容性问题IE/Chrom:event.clientX;event.clientYFF/IE9以上/Chrom:传参ev-->ev.clientX;ev.clientY

转自http://www.poorren.com/javascript-got-mouse-position/关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种event.clientX/Yevent.pageX

蓝鸥原生JS：事件对象及事件类型效果演示事件对象鼠标事件event.clientX在可视区中，鼠标点击的x坐标event.clientY在可视区中，鼠标点击的y坐标示例：Documentdocument.onclick

分享给大家供大家参考，具体如下：方式一：(适用于IE浏览器，而且刷新不提示，只在点击浏览器关闭按钮的时候提示)window.onbeforeunload=onclose;functiononclose(){if(event.clientX

functionmobile(){varx=event.clientX;vary=event.clientY;//alert("fujichao");document.getElementById("topid

functionmobile(){               varx=event.clientX;               vary=event.clientY;               /

document.onclick = function(event) {    var event = event || window.event;       alert("您的x坐标是:" +event.clientX

Title $().ready(function(){ functionmousexy(event){ varx=event.clientX; vary=event.clientY;

button"onmousemove="showDiv(event);"//event不需要加引号 functionshowDiv(event) { varevent=window.event||event; event.clientX

clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 s

   家政服务 dasfdsaf $(function(){ $("#sonId").on("click",function(event){ varparentObj=document.getElementById("parentId"); varsonObj=document.getElementBy

  相对于整个页面鼠标的位置 包括溢出的部分 event.pageX; event.pageY;     所有浏览器支持的： 相对于当前浏览器窗口可视区域的坐标event.clientX

~~~当浏览器不是最大化时，浏览器的左边和屏幕的左边就不是重叠的了，此时 event.clientX 不等于 event.screenX;浏览器最大化时 可视区域的上边和屏幕的上边是不重叠的 所以此时event.clientY

（火狐特有） 2 event.clientX,event.clientY:鼠标指针相对于当前窗口的X,Y坐标,和page 不同的是计算区域不包括窗口自身的控件和滚动条。

window.onbeforeunload = function() { if(document.body.offsetWidth-50 < event.clientX

鼠标的横坐标，X轴:　　event.clientX; 鼠标的竖坐标，Y轴:　　event.clientY; 网页可见区域宽:　　    document.body.clientWidth

event.clientX 相对文档的水平座标event.clientY相对文档的垂直座标 offsetWidth获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度offsetHeight

Microsoft.XMLHTTP");var style = "0";var x = 0;var y = 0;function ShowTitle(CallID){ x = event.clientX

通用：两者都有event.clientX和event.clientY

functionwindow.onbeforeunload(){alert("关闭窗口")}alert()事件将会在关闭窗口前执行，你也可以用户决定是否关闭窗口functionwindow.onbeforeunload(){if(event.clientX

oncontextmenu  若想兼容所有浏览器，需要写成document.oncontextmenu=function(){ return false;} 3.原生javascript的鼠标位置是event.clientX

function getMousePoint(event) { var px, py; if(document.all) { // is ie px = event.clientX; py = event.clientY

IE： var obj=document.elementFromPoint(event.clientX,event.clientY); 获取对象文本 var a=obj.innerText  

   首先event.clientX,event.clientY（解释可视区域显示坐标）,event.screenX,event.screenY（相对屏幕左上角的坐标）是符合

事件对象event和传入参数cv解决兼容性问题 event.clientX和event.clientY得到的是相对于页面的坐标，当滚动条向下移动时，则出现定位不准，所以要加上滚动条的高度 <

Syntax: 　　 event.clientX The clientX event attribute returns the horizontal coordinate (according

下面的这些参数的解析都是针对于IE浏览器的：   得到屏幕中鼠标的坐标，相对于整个页面：x=event.clientX， y=event.clientY 得到当前窗口的宽度：w=document.body.clientWidth

转自:http://hi.baidu.com/lhcling/blog/item/ac631c33aff6befb1a4cffdd.html clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取

代码 < table border =1 cellpadding =15 cellspacing =15 style ="position:relative;left:100;top:100" > < tr

      首先event.clientX,event.clientY（解释可视区域显示坐标）,event.screenX,event.screenY（相对屏幕左上角的坐标

Firefox的event.pageX,event.pageY是以body元素为参考点(包括滚动距离) 3. event.clientX,event.clientY以浏览器左上角为参考点(不包括滚动距离

clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 screenX 设置或获

clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 screenX 设置或获

解释一下event.X和event.clientX有什么区别？

通用：两者都有event.clientX和event.clientY属性。

通用：两者都有event.clientX和event.client

我们按照上面的思路来一步步的写代码 一、关于坐标event.clientX和event.clientY，而为什么不用event.x和event.y

event){ event = EventUtil.getEvent(event); alert("Client coordinates: " + event.clientX

javascript鼠标后面跟当前坐标 DEMO:http://blog.snowinmay.net/javascript/js-event2.html 思路： 1.用event.clientX和

document.getElementById(“myBtn”);varevent=document.createEventObject();event.screenX=100;event.screenY=0;event.clientX

笔记： =============================================== IE的event的属性 event.button按下鼠标键，左键为1，右键通常为2 event.clientX

先总结下区别：event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。

文字出现的位置根据鼠标的位置动态确定:文字内容1文字内容2functionoverShow(){varshowDiv=document.getElementById('showDiv');showDiv.style.left=event.clientX

IE（以下只支持IE浏览器）IE：(用来求相对父亲坐标的偏移位置)event.offsetX 相对容器的水平坐标event.offsetY 相对容器的垂直坐标 IE：(相对浏览器\窗口)event.clientX

81.动态的向表格中添加行functionadd(){  t1.insertRow().insertCell().innerHTML='';}82.event.x,event.clientX,event.offsetX

令人失望的是不同的浏览器下会有不同的结果甚至是有的浏览器下没结果，这篇文章就上鼠标点击位置坐标获取做一些简单的总结，没特殊声明代码在IE8，FireFox，Chrome下进行测试兼容方法介绍关于js鼠标事件综合各大浏览器能获取到坐标的属性总共以下五种：event.clientX

; <head> <script type="text/javascript"> function show_coords(event) { x=event.clientX

今天在做类于网易图片新闻的效果：点图片左边上一张，点右边为下一张，其中要用到event.offsetX但在firefox中这个offsetX为undefined,解决办法：event.clientX减去

js获得鼠标的坐标 event.clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。

/*      *      IE：event.clientX、event.clientY//        FF:event.pageX、event.pageY      相对文档的水平座标（垂直座标