pagey = e.clienty + (document.documentElement.scrollTop || document.body.scrollTop); 5|0offsetX/Y offsetX/Y获取到是触发点相对被触发dom的左上角距离,不过左上角基准点在不同浏览器中有区别,以内容区左上角为基准点(不包括边框),如果触发点在边框上会返回负值, 6|0screenX/Y screenX/Y获取到的...
jQuery event 事件对象,包含有 event.offsetX, event.clientX,event.pageX,event.screenX等属性(firefox 浏览器中, offsetX 为 undefined)。firefox 获取 offsetX / offsetY 的值,需要通过 event 对象的属性 originalEvent。 $(function(){ $("#box").mousedown(function(event){ console.log(event.offsetX, ev...
一、测试代码: window.onload=function(e){varbox=document.getElementById("box"); box.onclick=function(e){console.log(e.clientX,e.clientY);console.log(e.offsetX,e.offsetY);console.log(e.pageX,e.pageY);console.log(e.screenX,e.screenY);console.log(e.layerX,e.layerY); } } 二、不同...
offsetX,offsetY offsetX,offsetY 针对目标元素的左上角坐标(e.target),下面截图中鼠标点击有误差,不影响结果。 layerX,layerY layerX,layerY 往上找有定位属性的父元素的左上角(自身有定位属性的话就是相对于自身),都没有的话,就是相对于body的左上角 当元素及它的父级都没有定位属性时,以body的左上角...
e = window.event || e; var x = e.clientX - maskObjc.offsetWidth * 0.5 ; var y = e.clientY - maskObjc.offsetHeight * 0.5; //因为box有一个margin ,所以需要减去 x = x - 100; y = y -100; //处理边界 //上边界和左边界 ...
style.width/style.height与scrollWidth/scrollHeight是可读写的属性,clientWidth/clientHeight与offsetWidth/offsetHeight是只读属性 style.width的值需要事先定义,否则取到的值为空。而且必须要定义在html里(内联样式),如果定义在css里,style.height的值仍然为空,但元素偏移有效;而offsetWidth则仍能取到。
- e.offsetX e.offsetY 触发事件标签对象 左上角为原点的坐标 (鼠标坐标到元素的左侧的距离) - e.clientX e.clientY 相对 视窗窗口 左上角为原点的坐标 (使用固定定位)(鼠标的坐标到页面左侧的距离) - e.pageX e.pageY 相对 页面 左上角为原点的坐标 (跟着页面一起动)(页面X坐标位置) ...
window.onload=function(e){varbox=document.getElementById("box");box.onclick=function(e){console.log(e.clientX,e.clientY);console.log(e.offsetX,e.offsetY);console.log(e.pageX,e.pageY);console.log(e.screenX,e.screenY);console.log(e.layerX,e.layerY);}} ...
overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 二、offsetX与offsetY 鼠标相对于事件源元素(srcElement)的X,Y坐标,只有IE事件有这2个属性,标准事件没有对应的属性。 三、什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会...
您好，感谢您对火狐的支持 用下面这个就可以：function getPageCoord(element){ var coord = {x: 0, y: 0};while (element){ coord.x += element.offsetLeft;coord.y += element.offsetTop;element = element.offsetParent;} return coord;} 您可以在火狐官方网站下载火狐浏览器，在火狐社区了解...