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
offsetX
pageX,clientX,
offsetX
,layerX的区别
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_
ywb201314
·
2015-11-17 22:00
screenX clientX pageX
offsetX
varx5=e.screenX; //鼠标位置距屏幕左侧的距离vary5=e.screenY;varx=e.pageX; //鼠标距文档左侧的距离,在被卷去时,与clientX不同。vary=e.pageY;varx4=e.layerX;vary4=e.layerY;varx1=e.clientX; //鼠标距离浏览器视窗的左侧距离vary1=e.clientY;varx3=e.
ywb201314
·
2015-11-17 22:00
实现滑动的七种方法
今天介绍滑动的七种方式基本思想:当手指按下时,记下当前坐标lastX,lastY当手指移动时,记下当前坐标currentX,currentY计算差值
offsetX
=currentX-lastX,offsetY
u012325403
·
2015-11-17 18:00
滑动
JS实现拖动div层移动
在谈到拖动div层之前,我们有必要来了解下 下面JS几个属性的区别---- pageX,pageY,layerX,layerY,clientX,clientY,screenX,screenY,
offsetX
·
2015-11-13 16:02
div
javascript canvas九宫格小程序
imageid:html img 标签id 4 *gridcountX:x轴图片分割个数 5 *gridcountY:y轴图片分割个数 6 *gridspace:宫格空隙 7 *
offsetX
·
2015-11-13 14:38
JavaScript
javascript坐标:event.x、event.clientX、event.
offsetX
、event.screenX 用法
offsetX
设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 s
·
2015-11-13 14:50
JavaScript
通过JS修改标签title属性设置鼠标悬浮提示字段效果,火狐,IE8,IE9,360那什么内核 完美兼容。
// tooltip = { name: "qTip",
offsetX
: qTipX,
·
2015-11-13 13:15
360
pageX,clientX,
offsetX
,layerX的那些事
pageX,clientX,
offsetX
,layerX的那些事 在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结
·
2015-11-13 12:23
client
event.
offsetX
event.pageX event.clientX 和 obj.offsetLeft学习笔记
家政服务 dasfdsaf $(function(){ $("#sonId").on("click",function(event){ varparentObj=document.getElementById("parentId"); varsonObj=document.getElementBy
hbiao68
·
2015-11-13 12:00
pageX,clientX,
offsetX
,layerX的那些事
http://www.funnyhao.com/pagex-clientx-
offsetx
-layerx-of-those-things/ 在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样
·
2015-11-13 08:41
client
clientX,pageX,
offsetX
,x,layerX,screenX,offsetLeft
screenX:鼠标在显示屏幕上的坐标。 clientX:鼠标在页面显示区域的坐标。 注:以上两个都是各浏览器通用的。 pageX:FF特有,鼠标在页面上的位置,从页面左上角开始定位,这个可以很方便在整个页面上进行定位,IE没有直接替换的属性。 layerX:FF特有,鼠标相对于“触发事件的元素的层级关系中离该元素最近的,设置了position的父元素”的边界的位置,从border的左上角
·
2015-11-13 07:28
client
截取部分BMP图像
方法1: resultBitmap.SetPixel(x, y, sourceBitmap.GetPixel(
offsetX
+ x, offsetY+y)) /// 
·
2015-11-13 07:41
图像
layerX
offsetX
pageX
offsetX
/offsetY:相对于当前元素的位移x/y:相对于当前座标系的位移,但是IE常常搞错当前座标系layerX/layerY:相对于当前座标系的位移pageX/pageY:相对于网页的位移clientX
·
2015-11-13 06:42
page
如何更好的理解(pageX,pageY,clientX,clientY,eventX,eventY,scrollX,scrollY,screenX,screenY,event.
offsetX
,event.offsetY
1 pageX,pageY:鼠标指针相对于当前窗口的X,Y坐标,计算区域包括窗口自身的控件和滚动条。(火狐特有) 2 event.clientX,event.clientY:鼠标指针相对于当前窗口的X,Y坐标,和page 不同的是计算区域不包括窗口自身的控件和滚动条。 3 event.X和event.Y:相对于当前窗口,设置或获取鼠标指针位置相对于父文档的x,y像素坐标(可惜火狐不支持,人生总
·
2015-11-13 00:16
client
clientX/Y,pageX/Y,
offsetX
/Y,layerX/Y,screenX/Y ,offsetTop,offsetLeft 详解
,不随页面滚动而改变 兼容性:所有浏览器均支持 pageX/Y: pageX/Y获取到的是触发点相对文档区域左上角距离,会随着页面滚动而改变 兼容性:除IE6/7/8不支持外,其余浏览器均支持
offsetX
·
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
clientX,screenX,pageX,
offsetX
的区别
function mouseDown(ev) {ev=ev||window.event;alert("page \r\n X:"+ev.pageX+" Y: "+ev.pageY+"\r\n client \r\n X:"+ev.clientX+" Y: "+ev.clientY+"\r\n screen \r\n X:"+ev.screenX+" Y: "+ev.screenY+"\r
zwjjap
·
2015-11-11 16:00
JS获取元素相对于文档的坐标
在实现了
offsetX
/offxetY这两个属性的浏览器中。获取的坐标都算正常的。可是实现了layerX/layerY 属性 的浏览器中获取的坐标会有一些问题。
·
2015-11-11 09:27
js
clientX, clientY,
offsetX
, offsetY, screenX, screenY, x, y,clientHeight,offsetHeight,scrollHeight
clientX, clientY,
offsetX
, offsetY, screenX, screenY, x, y 的区别是什么?
·
2015-11-11 07:34
offsetheight
也写Jquery插件,拖动布局
fn.lsMovePanel=function(){ 3 var id=this.attr("id"); 4 var X=Y=0; 5 var
offsetX
·
2015-11-11 04:01
jquery插件
pageX,clientX,
offsetX
,layerX的区别
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_< John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,先拿几个页面位置属性开刀. 一.PageX和clientX PageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页
·
2015-11-11 02:13
client
[Selenium]计算坐标进行拖拽,重写dragAndDropOffset
public void dragAndDropOffset(WebDriver driver,WebElement dragableEl, WebElement dropableEl, int
offsetX
·
2015-11-11 01:39
selenium
jsfl将人物序列帧导成swf文件
<Action Name="6_剑刃风暴_1"> <OffSet FileName="0000.png"
OffSetX
="-117&
·
2015-11-08 11:55
JSF
截取图片的某个部分(C#源代码)
方法一(get/set pixel) 核心语句: resultBitmap.SetPixel(x, y, sourceBitmap.GetPixel(
offsetX
+ x, offsetY+y))
·
2015-11-07 13:28
源代码
pageX,clientX,
offsetX
,layerX的区别
在各个浏览器的JS中,有很多个让你十分囧的属性,由于各大厂商对标准的解释和执行不一样,导致十分混乱,也让我们这些前端攻城狮十分无语和纠结>_< John Resig大神说过,动态元素有3个至关重要的元素,位置,尺寸和可见性.所以,今天,先拿几个页面位置属性开刀. 一.PageX和clientX PageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从
·
2015-11-07 11:59
client
Jquery div拖动 简单实例
今天用jquery实现了一个很简单的拖动...实现思路很简单 如下: event.
offsetX
eventoffsetY 发生事件的地点在事件源元素的坐标系统中的
·
2015-11-03 22:14
jquery
javascript事件坐标
触发事件的元素的层级关系中离该元素最近的,设置了position的父元素”的边界的位置,从border的左上角开始定位,即如果这个父元素存在border,则坐标原点在border的左上角,而不是内容区域的左上角
offsetX
·
2015-11-02 18:00
JavaScript
js常用属性及函数
event.clientX 返回最后一次点击鼠标X坐标值; event.clientY 返回最后一次点击鼠标Y坐标值; event.
offsetX
·
2015-11-02 17:57
js
event.clientX,clientY与
offsetX
,offsetY区别
offsetX
设置或获取
·
2015-11-02 16:35
client
event.x,event.clientX,event.
offsetX
区别
代码 < table border =1 cellpadding =15 cellspacing =15 style ="position:relative;left:100;top:100" > < tr
·
2015-11-02 10:35
client
pageX, clientX ,screenX,
offsetX
, layerX, ,x的区别
事件对象event的位置属性,这些参数比较容易混淆 1. pageX,pageY :IE不识别的,鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化,其实就是clientY+scrollTop,参考点是页面 2. clientX ,clientY: 鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考
·
2015-11-01 15:45
client
javascript获取鼠标位置
IE的event.
offsetX
,ev
·
2015-10-31 18:16
JavaScript
javascript坐标:event.x、event.clientX、event.
offsetX
、event.screenX
offsetX
设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 screenX 设置或获
·
2015-10-31 13:52
JavaScript
javascript坐标:event.x、event.clientX、event.
offsetX
、event.screenX
offsetX
设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。 screenX 设置或获
·
2015-10-31 13:47
JavaScript
HighChar
borderColor: '#CA5100', backgroundColor: '#90ED7D', shadow: { //外边框阴影 color: 'red', offsetY: '10',
offsetX
·
2015-10-31 12:56
char
百度地图Map属性和方法
1 map的F属性:[object Object] map的xa属性:[object HTMLDivElement] map的width属性:1340 map的height属性:0 map的
offsetX
·
2015-10-31 11:09
属性和方法
截取图片的某个部分(C#源代码)(收藏)
方法一(get/set pixel) 核心语句: resultBitmap.SetPixel(x, y, sourceBitmap.GetPixel(
offsetX
+ x, offsetY+y))
·
2015-10-31 10:35
源代码
pageX,clientX,
offsetX
,layerX的区别
一.PageX和clientX PageX和clientX ,这个两个比较容易搞混,PageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点,随滑动条移动 而变化.真拗口,直接上图, 两个DIV接触点(黑点位置)如果将浏览器Y轴方向缩小,出现了滑
·
2015-10-31 08:09
client
CooliteExt 右下角提示窗口
>提示信息</a>", BringToFront = true, AlignCfg = new Notification.AlignConfig {
OffsetX
·
2015-10-30 15:19
ext
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
Javascript获取窗口(容器)的大小及位置
Javascript获取窗口(容器)的大小及位置一系列的东西比较多,容易混淆,在这里列举及简要说明下: 属性方法说明: clientX 相对文档的水平坐标; clientY 相对文档的垂直坐标;
offsetX
·
2015-10-30 14:45
JavaScript
JS
offsetX
与 火狐兼容问题
JS
offsetX
与 火狐 兼容问题 火狐 好像不支持
offsetX
下面这段代码中的
offsetX
该怎么改,在 火狐 下,才能好用呢?
·
2015-10-30 13:07
set
分析x,
offsetX
clientX screenX,pageX,y,offsetY clientY screenY,pageY之间的区别
本案例测试下载: event1.html(3.7 KB) 仔细体会案例 1.IE的x,y:设置或获取鼠标指针位置(触发的节点testid1),到ID为testid的父节点外边界的距离,其中不包括滚动条 显示IE的x坐标: 显示IE的y坐标: 注意:IE的x,y坐标不包括滚动距离scrollLeft,scrollTop,可见区域 2.ff的pageX: 设置或获取鼠标指针位置(触发的
·
2015-10-30 12:08
client
JavaScript event对象clientX,
offsetX
,screenX异同
event对象是JavaScript中最重要的对象之一,他代表了各种事件的状态,在各种事件的事件处理中经常用到,比如键盘活动、鼠标活动等等,其中有几个对象官方说的比较模糊,很难理解,这里有必要通俗化的理解一下。 概念(不是官方,来源于网络): clientX 设置或获取鼠标指针位置相对于窗口客户
·
2015-10-30 12:13
JavaScript
JavaScript event对象clientX,
offsetX
,screenX异同 带图 .
转自:http://www.cnblogs.com/long_/archive/2010/09/09/1822574.html event对象是JavaScript中最重要的对象之一,他代表了各种事件的状态,在各种事件的事件处理中经常用到,比如键盘活动、鼠标活动等等,其中有几个对象官方说的比较模糊,很难理解,这里有必要通俗化的理解一下。 &nb
·
2015-10-28 09:12
JavaScript
ajax学习笔记一:动态更改div位置
simulate to the tooltip.just for memo function Button1_onclick(elem) { var
offsetx
·
2015-10-21 13:07
div位置
JS-商品图片放大器
//给mask添加事件,让其随着鼠标移动 superMask.onmousemove=function(){ var left=event.
offsetX
-175/2; left=left>0?
·
2015-10-21 13:11
js
深刻认识clientX,
offsetX
,screenX
offsetX
设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。
·
2015-10-21 12:26
client
让Firefox支持
offsetX
、offsetY
coordinate(e){ var o = window.event || e, coord, coord_X, coord_Y; coord_X = (o.
offsetX
·
2015-10-21 11:36
firefox
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
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
其他