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

layerX layerY offsetX offsetY 的区别

 
阅读更多

layerX

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

 

 

 

 

 

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

分享到:
评论

相关推荐

    javascript offsetX与layerX区别.docx

    javascript offsetX与layerX区别.docx

    clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析

    clientX,pageX,offsetX,x,layerX,screenX,offsetLeft区别分析,需要的朋友可以参考下。

    javascript offsetX与layerX区别

    FF没有offsetX属性,有个layerX属性,只要将事件源的位置设置成相对定位(position:relative)或绝对定位(position:absolute),两者结果就相等,表示事件源相对于父元素的X坐标。

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

    javascript并没有mouse对象,获取鼠标坐标要靠强大的event对象。 我们通过监听document的mousemove,就可以实时获得鼠标位置。 但是!!event中和鼠标相关的属性太多了,很让人头...而且他们的区别并不明显,各浏览器间

    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对像在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){

    最新 jQuery 1.7正式发布(附带1.6中文API)

    另外,在jQuery 1.7中移除了event.layerX和event.layerY这两个属性,以及jQuery.isNaN()和jQuery.event.proxy()方法,分别用event.originalEvent.layerX and event.originalEvent.layerY、jQuery.isNumeric()、...

    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.

    jquery-1.7.0

    1、新的事件: .on() and .off() 2、提升了事件委派时的性能,下图(图片来自官网)是1.6.4和1.7版本的比较,可见在事件委派方面性能...1、event.layerX and event.layerY 2、jQuery.isNaN() 3、jQuery.event.proxy()

    kbn-layerx

    lb模机的操作程序直接安装就可以使用,方便,来自官方支持

    Socket.io-DrawingApp

    Socket.io-DrawingApp 克隆此项目后 ...如果您尝试正确使用mozila,则在app.js文件中, 取消注释这两行 // x = data.offsetX; // y = data.offsetY; 并删除或注释掉下面两行x = data.layerX; y = data.layerY;

    jquery1.7.0

    1、新的事件: .on() and .off() 2、提升了事件委派时的性能,下图(图片来自官网)是1.6.4和1.7版本的比较,可见在事件委派方面性能提升了一半,而且Chrome性能最好 ...1、event.layerX and event.layerY

    JS拖动技术 关于setCapture使用

    JS拖动技术— 关于setCapture (转自 剑胆琴心-.Net学习笔记) 代码如下: [removed] <!– [removed]=function(){ objDiv = document.getElementById(‘drag’);... var x= e.layerX || e.offsetX; var y= e.layerY

    js与jquery中获取当前鼠标的x、y坐标位置的代码

    代码如下: ”testDiv”>放在我上面</div> [removed] $(‘#testDiv’).mousemove(function(e) { var xx = e.originalEvent.x || e.originalEvent.layerX || 0; var yy = e.originalEvent.y || e.originalEvent.layerY...

Global site tag (gtag.js) - Google Analytics