offsetX/offsetY：相对于当前元素的位移x/y：相对于当前座标系的位移，但是IE常常搞错当前座标系layerX/layerY：相对于当前座标系的位移pageX/pageY：相对于网页的位移clientX/clientY：相对于可视窗口的位移screenX/screenY：相对于屏幕的位移...
分类：
其他好文 时间：
2014-11-25 16:04:48
阅读次数：
228
screenX clientX pageX概念打开的pop窗口随着鼠标点击的dom元素而定位展示的js代码：e是click事件，o是pop窗口的宽度或高度，eventX = function (e, o) {e = e || window.event;o = o || 0;x = e.pageX |...
分类：
其他好文 时间：
2014-11-11 16:01:37
阅读次数：
231
一、深刻认识clientX，offsetX，screenX概念（来源于网络）：clientX 设置或获取鼠标指针位置相对于当前窗口的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。clientY 设置或获取鼠标指针位置相对于当前窗口的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。off...
分类：
其他好文 时间：
2014-11-11 12:16:46
阅读次数：
261
function drag(obj){ obj.onmousedown = function(ev){ var ev = ev || event; //鼠标点击位置到图片两侧距离 var ol = ev.clientX - this.offsetLeft; var ot = ev.c...
分类：
其他好文 时间：
2014-11-06 10:50:49
阅读次数：
174
拖拽分为三个部分：1.mousedown：获取鼠标当前位置，e.clientX,e.clientY获取拖动物体的位置(距离左上角),_this.offsetLeft,_this.offsetTop代码：1 dragDivName.onmousedown=function(e){2 v...
分类：
编程语言 时间：
2014-10-14 18:52:19
阅读次数：
226
拖放：点击某个对象，并按住鼠标按钮不放，将鼠标移动到另一个区域，然后释放鼠标按钮将对象“放”在某处。涉及到event的对象的属性：clientX，clientY：当事件被触发时鼠标指针相对于浏览器页面（或客户区）的坐标。screenX，screenY：当事件发生时鼠标指针相对于屏幕的坐标。offse...
分类：
Web程序 时间：
2014-10-11 23:20:06
阅读次数：
351
由于Firefox和IE等浏览器之间对js解释的方式不一样，firefox下面获取鼠标位置不能够直接使用clientX来获取。网上说的一般都是触发mousemove事件才行。我这里有两段代码，思路都一样，就是风格不同。第一段代码是利用全局变量来获取实时鼠标的位置。varxPos;varyPos;wi...
分类：
Web程序 时间：
2014-09-23 13:04:24
阅读次数：
198
总是会被javascript的event对象的clientX,offsetX,screenX,pageX 弄得头晕，于是决定做个图来区分一下...
分类：
编程语言 时间：
2014-09-13 17:20:45
阅读次数：
205
程序说明：clientX、clientY 发生事件时鼠标在客户区的坐标；screenX、screenY 发生事件时鼠标在屏幕上的坐标；offsetX、offsetY 发生事件时鼠标相对于事件源（比如点击按钮时触发onclick）的坐标。window.event是非常重要的属性，用来获得发生事件时.....
分类：
移动开发 时间：
2014-09-12 21:59:34
阅读次数：
2551
鼠标位置序号鼠标位置属性属性描述浏览器支持情况备注IEChromeSafariFirefoxOpera1event.x以浏览器窗口可见部分的左上角为坐标原点（不含滚动条）√√√X√2event.y以浏览器窗口可见部分的左上角为坐标原点（不含滚动条）√√√X√3event.clientX以浏览器窗口可...
分类：
其他好文 时间：
2014-08-28 19:34:45
阅读次数：
363
