E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
layerX
clientX,pageX,offsetX,x,
layerX
,screenX,offsetLeft
layerX
:FF特有,鼠标相对于“触发事件的元素的层级关系中离该元素最近的,设置了position的父元素”的边界的位置,从border的左上角
·
2015-11-13 07:28
client
layerX
offsetX pageX
offsetX/offsetY:相对于当前元素的位移x/y:相对于当前座标系的位移,但是IE常常搞错当前座标系
layerX
/layerY:相对于当前座标系的位移pageX/pageY:相对于网页的位移clientX
·
2015-11-13 06:42
page
转_
layerX
转自:http://www.cnblogs.com/miaoziming/archive/2009/06/05/1497014.html screenX:鼠标在显示屏幕上的坐标。 clientX:鼠标在页面显示区域的坐标。 注:以上两个都是各浏览器通用的。 pageX:FF特有,鼠标在页面上的位置,从页面左上角开始定位,这个可以很方便在整个页面上进行定位,IE没有直接替
·
2015-11-13 05:54
r
clientX/Y,pageX/Y,offsetX/Y,
layerX
/Y,screenX/Y ,offsetTop,offsetLeft 详解
clientX/Y: clientX/Y获取到的是触发点相对浏览器可视区域左上角距离,不随页面滚动而改变 兼容性:所有浏览器均支持 pageX/Y: pageX/Y获取到的是触发点相对文档区域左上角距离,会随着页面滚动而改变 兼容性:除IE6/7/8不支持外,其余浏览器均支持 offsetX/Y: offsetX/Y获取到是触发点相对被触发dom的左上角距离,不过左上角基准点在不同浏览器
·
2015-11-12 23:23
client
pageX,clientX,offsetX,
layerX
的区别
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_< John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,先拿几个页面位置属性开刀. 一.PageX和clientX PageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页
·
2015-11-12 13:02
client
FF中的
layerX
、layerY和IE中的offsetX、offsetY
layerX
和layerY以及offsetX和offsetY是来获取相对于触发事件发生的元素上,鼠标的坐标位置的,但是两者却有不同。 下面是测试代码: <!
·
2015-11-11 18:59
set
layerX
&& layerY
转载:https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/
layerX
UIEvent.
layerX
非标准 这个属性是非标准的属性
·
2015-11-11 13:52
&&
JS获取元素相对于文档的坐标
获取元素相对于文档的坐标最简单的方法是用Event对像的offseX/offsetY或
layerX
/layerY 属性。在实现了offsetX/offxetY这两个属性的浏览器中。
·
2015-11-11 09:27
js
pageX,clientX,offsetX,
layerX
的区别
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_< John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,先拿几个页面位置属性开刀. 一.PageX和clientX PageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页
·
2015-11-11 02:13
client
pageX,clientX,offsetX,
layerX
的区别
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_< John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,先拿几个页面位置属性开刀. 一.PageX和clientX PageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从
·
2015-11-07 11:59
client
javascript事件坐标
clientX 鼠标在页面显示区域的坐标 screenX鼠标在显示屏幕上的坐标
layerX
鼠标相对于“触发事件的元素的层级关系中离该元素最近的,设置了position的父元素
·
2015-11-02 18:00
JavaScript
pageX, clientX ,screenX, offsetX,
layerX
, ,x的区别
事件对象event的位置属性,这些参数比较容易混淆 1. pageX,pageY :IE不识别的,鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化,其实就是clientY+scrollTop,参考点是页面 2. clientX ,clientY: 鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考
·
2015-11-01 15:45
client
pageX,clientX,offsetX,
layerX
的区别
一.PageX和clientX PageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移动 而变化.真拗口,直接上图, 两个DIV接触点(黑点位置)如果将浏览器Y轴方向缩小,出现了滑
·
2015-10-31 08:09
client
javascript对offsetX,
layerX
,pageX,clientX...等值的知识笔记
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo
·
2015-10-30 15:21
JavaScript
offsetX、clientX、pageX等位置的计算
1.常见的事件位置属性e.pageX——相对整个页面的坐标注意:IE6、IE7、IE8无该属性e.
layerX
——相对当前坐标系的border左上角开始的坐标注意:在opera、IE6、IE7、IE8中这个属性
mafan121
·
2015-06-01 13:00
offset
scrollwidth
clientX
pageX
e.x
关于鼠标在屏幕上面的位置
参考:http://www.cnblogs.com/xesam/archive/2011/12/08/2280509.html测试结果如下: chrome: e.pageX——相对整个页面的坐标e.
layerX
mingdry0304
·
2015-05-05 17:00
JavaScript
浏览器兼容的获取event.offsetX的最简单方法
很多时候,我们都需要获取event.offsetX数值,但是Firefox的event不支持offsetX属性,这给我们造成了一定的困难,虽然Firefox提供了一个
layerX
属性,但是该属性需要和
liyuj
·
2015-02-27 12:00
浏览器兼容
firefox
event
offsetX
layerX
/layerY 和 offsetX/layerY
layerX
/layerY:Firefox特有,以页面body为参考点,如果引起事件的对象设置了position 定位,那么和 IE 一样也以引起事件的对象为参考点,从触发元素盒子模型的border的左上角计算
斑驳
·
2014-11-09 11:00
仿淘宝放大镜效果
/* *知识点预备 clientX,clientY 鼠标相对于可视区的位置 offsetX,offsetY
layerX
layerY 鼠标相对于事件源的位置
xjw1987524
·
2014-09-11 00:00
淘宝
js--简单放大镜实现(带移动方块)
/* *知识点预备 clientX,clientY 鼠标相对于可视区的位置 offsetX,offsetY
layerX
layerY 鼠标相对于事件源的位置 screenX
xjw1987524
·
2014-09-11 00:00
js
clientX,pageX,offsetX,
layerX
,screenX,offsetLeft区别分析
scrollHeight:获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由父坐标offsetParent属性指定的父坐标的高度offsetLeft:获取对象相对于版面或由off
u013782203
·
2014-08-29 15:00
浏览器
文档
offsetX
clientX
pageX
ie firefox status和坐标小问题
status不让修改以通过工具->选项->内容->启用javascript->高级->把修改状态栏文本打上勾就好了2.相对坐标问题ie下:e.offsetX和e.offsetY正常firefox下:用e.
layerX
secyaher
·
2014-06-05 23:00
JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸
JS获取各种高度宽度:浏览器窗口滚动条的位置、元素的几何尺寸1)关于pageX,clienX,offsetX,
layerX
pageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化
baokx
·
2014-05-09 11:00
JS实现拖动div层移动
JS实现拖动div层移动在谈到拖动div层之前,我们有必要来了解下下面JS几个属性的区别----pageX,pageY,
layerX
,layerY,clientX,clientY,screenX,screenY
龙恩0707
·
2014-04-26 22:00
区分clientX,pageX,offsetX,x,laye…
layerX
:FF特有,鼠标相对于“触发事件的元素的层级关系中离该元素最近的,设置了position的父
baohanqing
·
2013-12-30 20:00
利用jQuery获取鼠标当前的坐标
htmljQuery获取当前鼠标坐标位置:放在我上面$('#testDiv').mousemove(function(e){varxx=e.originalEvent.x||e.originalEvent.
layerX
qīqíqǐqì
·
2013-07-25 10:00
Goolge不能响应Canvas的内部对象
于是逐行代码检查,最后发现问题出现在 function getEventPosition(ev){ var x, y; if (ev.
layerX
|| ev.
layerX
== 0)
bz5811
·
2013-07-22 19:00
Canvas内部对象
Google浏览器
不能响应
各种浏览器的鼠标位置获取方法
chrome:e.pageX——相对整个页面的坐标e.
layerX
——相对当前坐标系的border左上角开始的坐标e.offsetX——相对当前坐标系的border左上角开始的坐标e.clientX——
yxls123123
·
2013-06-19 18:51
浏览器
js
鼠标位置
前端技术
各种浏览器的鼠标位置获取方法
chrome:e.pageX――相对整个页面的坐标e.
layerX
――相对当前坐标系的border左上角开始的坐标e.offsetX――相对当前坐标系的border左上角开始的坐标e.clientX――
yxls123123
·
2013-06-19 18:51
js
浏览器
鼠标位置
jquery的event对象无法获取offsetX的值
jquery的事件对象event没有offsetX(IE)/
layerX
(Firefox)属性,这是因为jquery 的event对象里是再次封装的,而不是原生的event对象了,要是你想访问原来的event
斑驳
·
2013-05-30 14:00
jquery
offsetX
pageX,clientX,offsetX,
layerX
的那些事
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_
i33
·
2013-03-25 16:00
JavaScript中鼠标event的位置(clientX,
layerX
,x,offsetX等)
分别如下:属性对参考点浏览器兼容性clientX,clientY浏览器窗口所有
layerX
,layerY最近的绝对定位的父节点,如果没有,则为documentFirefox,Chrome,SafarioffsetX
jcx5083761
·
2013-03-20 11:00
JavaScript
event
X
clientX
layerX
JavaScript中鼠标event的位置(clientX,
layerX
,x,offsetX等)
分别如下: 属性对 参考点 浏览器兼容性 clientX,clientY 浏览器窗口 所有
layerX
,layerY 最近的绝对定位的父节点,如果没有,则为document Firefox
thecloud
·
2013-03-20 11:00
JavaScript
鼠标事件位置笔记
*事件属性: *clientX、clientY(鼠标指针位置相对于当前窗口) *offsetX、offsetY(非IE下:相对触发事件的对象的border的顶点的位置) *
layerX
、layerY
smiky
·
2013-01-30 15:00
鼠标事件
pageX,clientX,offsetX,
layerX
的那些事
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_
utopia1985
·
2013-01-13 10:00
各个浏览器中鼠标位置的属性 offsetX
layerX
PageX clientX (自由拖动框,防止文字选中)
http://blog.csdn.net/crazy_fire/article/details/7721587http://www.funnyhao.com/pagex-clientx-offsetx-
layerx
-of-those-things
hdchangchang
·
2012-12-27 15:00
【JS实践】JS获取各种高度宽度、浏览器窗口滚动条的位置、元素的几何尺寸【PC&ipad】
JS获取各种高度宽度:浏览器窗口滚动条的位置、元素的几何尺寸1)关于pageX,clienX,offsetX,
layerX
pageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化
呢喃的猫咪
·
2012-12-19 12:00
pageX,clientX,offsetX,
layerX
的区别
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_
business122
·
2012-12-06 14:00
pageX,clientX,offsetX,
layerX
的那些事
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_
liu200909
·
2012-11-28 12:00
错误:[event.
layerX
and event.layerY are broken and deprecated in WebKit]
如果实在不想升级,那么在页面末尾加上以下代码就可以解决: (function(){ // remove
layerX
and layerY var all = $.
jordan_micle
·
2012-08-30 15:00
webkit
html5 连连看
千万别用360,.....IE9以上,chrome,firefox都可以 啊干牌爱情连连看 2)return; varmx; varmy; if(ev.
layerX
||ev.
layerX
==0){ mx
abcd1992719g
·
2012-07-24 18:00
event.
layerX
and event.layerY are broken and deprecated in WebKit. They will be
// solution //The temporary fix is to run this code before you do any event binding via jQuery: //临时的解决方案,将下面这段代码放到JQuery事件绑定之前 $(document).ready(function(){ $.event.p
ShorenG
·
2012-05-04 16:00
jquery
jquery图片点击自动翻页实现
).ready(function() { $("img").mousemove(function(e){ var positionX=e.originalEvent.
layerX
xhuang
·
2012-03-03 13:00
jquery
修正事件的差异
evt.target){ //IE evt.target=evt.srcElement; evt.
layerX
=evt.offsetX; evt.layerY=evt.offsetY; evt.stopPropagation
axl234
·
2011-08-23 15:00
事件
js与jquery中获取当前鼠标的x、y坐标位置的代码
复制代码代码如下:放在我上面$('#testDiv').mousemove(function(e){varxx=e.originalEvent.x||e.originalEvent.
layerX
||0;
·
2011-05-23 21:56
兼容Firefox和IE的拖动div块的实现
在FF下需要用
layerX
、layerY来代替offsetX、offsetY, 这两个事件属性是获得鼠标相对于父元素的相对位置。
buliedian
·
2011-03-07 19:00
firefox
clientX pageX
layerX
:FF特有,鼠标相对于“触发事件的元素的层级关系中离该元素最近的,设置了position的父元素”的边界的位置,从bo
yangxianjiangg
·
2010-12-03 18:00
浏览器
IE
clientX,pageX,offsetX,x,
layerX
,screenX,offsetLeft
layerX
:FF特有,鼠标相对于“触发事件的元素的层级关系中离该元素最近的,设置了position的父元素”的边界的位置,从border的左上角开始定位,即如果
zfj1981
·
2010-10-21 14:00
浏览器
IE
测试
border
javascript offsetX与
layerX
区别
FF没有offsetX属性,有个
layerX
属性,只要将事件源的位置设置成相对定位(position:relative)或绝对定位(position:absolute),两者结果就相等,表示事件源相对于父元素的
xcyuzhen
·
2010-06-03 11:00
JavaScript offset
layerx
javascript中的offsetX与
layerX
用法区别javascript中的offsetX与
layerX
用法区别:在firefox中没有offsetX属性,有个
layerX
属性,只要将事件源的位置设置成相对定位
xcyuzhen
·
2010-06-03 10:00
上一页
1
2
3
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他