`
shuaigg.babysky
  • 浏览: 568316 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

layerX layerY offsetX offsetY 的区别

 
阅读更多

layerX

layerY 返回的是相对于position:relative,position:absolute的left和top

 

 

 

 

 

offsetX offsetY返回的是相对于当前元素的左上角的left和top

分享到:
评论

相关推荐

    JavaScript中获取鼠标位置相关属性总结

    在现代浏览器中,推荐使用clientX和clientY来获取鼠标在视窗内的位置,使用pageX和pageY来获取鼠标在整个文档中的位置,而对于IE9及更新的浏览器,layerX和layerY是替代offsetX和offsetY的不错选择。在设计跨浏览器...

    【JavaScript源代码】教你javascript如何获取指针的位置.docx

    通过结合`pageX/pageY`、`clientX/clientY`、`scrollLeft/scrollTop`以及`offsetX/offsetY`或`layerX/layerY`,我们可以编写兼容不同浏览器的函数,获取鼠标在页面或元素内的精确位置。这在实现动态效果、交互式界面...

    Javascript下IE与Firefox下的差异兼容写法总结

    window.event对象差异 IE:有window.event对象 FF:没有window.event对象。... 鼠标当前坐标(加上滚动条滚过的距离) IE:event.offsetX和event.offsetY。 FF:event.layerX和event.layerY。 标签的x和y的坐标位置:styl

    event对象总结,更详细更全面

    * layerX和layerY:事件发生时鼠标相对于目标元素的父元素的X/Y坐标 * pageX和pageY:事件发生时鼠标相对于网页的X/Y坐标 * clientX和clientY:事件发生时鼠标相对于浏览器左上角的X/Y坐标 * screenX和screenY:事件...

    JavaScript兼容浏览器FFIE技巧[定义].pdf

    - **鼠标位置(考虑滚动条)**:IE使用event.offsetX和event.offsetY,FF使用event.layerX和event.layerY。通用做法是`var x = event.offsetX || event.layerX; var y = event.offsetY || event.layerY;` 3. **...

    比较全面的event对像在IE与FF中的区别 推荐

    window.event IE:有window.event对象 FF:没有window.event对象。... 鼠标当前坐标(加上滚动条滚过的距离) IE:event.offsetX和event.offsetY。 FF:event.layerX和event.layerY。 标签的x和y的坐标位置:style.posL

    整理的比较全的event对像在ie与firefox浏览器中的区别

    window.event IE:有window.event对象 FF:没有window.event对象。... 鼠标当前坐标(加上滚动条滚过的距离) IE:event.offsetX和event.offsetY。 FF:event.layerX和event.layerY。 标签的x和y的坐标位置:style.posL

    JS高级拖动技术 setCapture,releaseCapture

    代码如下: [removed] <!– [removed]=function(){ objDiv = document.getElementById(‘drag’);... var x= e.layerX || e.offsetX; var y= e.layerY || e.offsetY; //设置捕获范围 if(dv.setCapture){

    IE与FireFox的兼容性问题分析

    window.event IE:有window.event对象 FF:没有window.event对象。... 鼠标当前坐标(加上滚动条滚过的距离) IE:event.offsetX和event.offsetY。 FF:event.layerX和event.layerY。 标签的x和y的坐标位置:sty

    可拖动的table

    e.layerX = e.offsetX; e.layerY = e.offsetY; } return e; } } window.onload = function(){ var obj = document.getElementById('draggable'); rDrag.init(obj); } ,0px,0px,200px > ...

    JavaScript取得鼠标绝对位置程序代码介绍

    首先不同浏览器中event位置属性的... IE的event.offsetX,event.offsetY和Firefox的event.layerX,event.layerY以事件触发元素内界的左上角为参考点(包括滚动距离,当有边框时,可能出现负数) 然后是DOM对象高度属性分析 1.

    HTML5 Canvas的事件处理介绍

    例如,Internet Explorer使用offsetX和offsetY属性,而其他浏览器则使用layerX和layerY属性。为了通用性,可以编写一个函数来获取这些值: ```javascript function getEventPosition(ev) { var x, y; if (ev....

    兼容IE与FireFox

    这里,我们尝试获取`offsetX`和`offsetY`,如果不存在,则使用`layerX`和`layerY`作为备选。需要注意的是,这些属性的具体含义和用法可能略有不同,具体取决于所使用的浏览器。 #### 三、元素与目标 在处理DOM事件...

    Js和JQuery获取鼠标指针坐标的实现代码分享

    `event.offsetX`和`event.offsetY`属性分别表示鼠标相对于触发事件的元素左上角的水平和垂直距离。如果浏览器不支持这两个属性,我们可以使用`event.layerX`和`event.layerY`作为备选方案。以下是一个简单的...

    js Event对象的5种坐标

    理解并正确使用clientX/clientY、pageX/pageY、offsetX/offsetY、x/y和layerX/layerY,可以帮助我们在处理页面事件时更准确地获取鼠标位置,从而实现各种交互效果。在实际开发中,推荐使用像jQuery或其他库提供的...

    《用JavaScript得到鼠标指针的位置》(高清晰pdf版)

    - **对于Netscape 4和6**:使用`event.layerX`和`event.layerY`。 - **通用方法**:使用`event.clientX`减去目标元素的`offsetLeft`以及`event.clientY`减去目标元素的`offsetTop`。 **示例代码**: ```javascript ...

    给moz-firefox下添加IE方法和属性

    - **offsetX 和 offsetY**: 这两个属性返回相对于触发事件的元素的水平和垂直偏移量,等同于IE中的`layerX`和`layerY`。 ##### 2. 修正Document对象 虽然文中未给出具体的Document对象修正代码,但可以参考以下...

    javascript 拽拉效果 供JS初学者学习参考

    `layerX`和`layerY`是Firefox特有的属性,而`offsetX`和`offsetY`则适用于其他浏览器。这段代码确保了在所有浏览器中都能正确获取初始偏移值: ```javascript var ox = bbb.layerX?bbb.layerX:bbb.offsetX; var oy ...

Global site tag (gtag.js) - Google Analytics