关闭

screenX clientX pageX offsetX

269人阅读 评论(0) 收藏 举报
分类:
        var x5 = e.screenX;   // 鼠标位置距屏幕左侧的距离
var y5 = e.screenY;

var x = e.pageX;         // 鼠标距文档左侧的距离,在被卷去时,与clientX不同。
var y = e.pageY;
var x4 = e.layerX;
var y4 = e.layerY;

var x1 = e.clientX;      // 鼠标距离浏览器视窗的左侧距离
var y1 = e.clientY;
var x3 = e.x;                 // 鼠标距离浏览器视窗的左侧距离
var y3 = e.y;


var x2 = e.offsetX;       // 鼠标在触发事件的容器内的偏移距离,如:如果单击的是input 按钮,那就这个就是距按钮的左边框的距离
var y2 = e.offsetY;

var e2 = window.event;
0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

offsetX、clientX、pageX等位置的计算

1.常见的事件位置属性 e.pageX——相对整个页面的坐标 注意:IE6、IE7、IE8无该属性 e.layerX——相对当前坐标系的border左上角开始...
  • mafan121
  • mafan121
  • 2015-06-01 13:40
  • 1569

pageX、clientX、screenX、offsetX、layerX、x 在不同浏览器上的使用及区别

chrome: e.pageX——相对整个页面的坐标 e.layerX——相对当前坐标系的border左上角开始的坐标 e.offsetX——相对当前坐标系的border左上角开始的坐标 ...
  • MOONCOM
  • MOONCOM
  • 2016-10-31 16:18
  • 1289

jquery中clientY,pageY和screenY的区别 最后三张图一目了然。转载的

jquery获取坐标     * {margin: 0;padding: 0;}     div p {         display: inline-block;box...
  • qq_33769914
  • qq_33769914
  • 2016-05-13 10:46
  • 1464

比较offsetX, pageX,clientX,screenX的区别

之前一直没有把offset,page,client和screen这几个属性弄得很清楚,今天花了点时间算是大体上了解了这几个属性的区别,所以把我了解到的写出来,也算是做个总结。 首先我们来看看这几个属...
  • qq_30792041
  • qq_30792041
  • 2017-04-07 16:19
  • 193

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

scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容...
  • u013782203
  • u013782203
  • 2014-08-29 15:16
  • 521

pageX, clientX, offsetX/layerX, screenX, scrollLeft()属性

e.pageX——是鼠标指针的位置,相对于文档的左边缘,即相对整个页面的坐标(IE8及其以下的版本不支持该属性) $(selector).scrollLeft(position)——返回(无posi...
  • u014395524
  • u014395524
  • 2015-07-17 11:45
  • 508

一张图轻松搞懂javascript event对象的clientX,offsetX,screenX,pageX区别

一张图轻松搞懂javascript event对象的 clientX,offsetX,screenX,pageX区别
  • qq_17746623
  • qq_17746623
  • 2017-01-13 10:02
  • 462

一图胜千言,秒懂巧记JavaScript中event对象的clientX,offsetX,screenX,pageX区别

区别: event.clientX、event.clientY 鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性 event.p...
  • chen_gong1992
  • chen_gong1992
  • 2016-11-23 19:28
  • 279

区分clientX、offsetX、pageX、screenX

以前一直以为写了这几个属性的区分的,今天再来看居然没有写。 不过这个还是很有用的。这里再来总结一下。所有解释都在图里面。这里再来文字解释一下,图中至标注了Y的值,X同理。clientX client...
  • sinat_25127047
  • sinat_25127047
  • 2017-02-22 11:30
  • 503

js事件对象Event获取pageX,clientX,screenX,offsetX,layerX的方式与区别

pageX:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,同一个元素坐标不随滑动条移动而变化clientX:鼠标在页面上可视区域的位置,即是以浏览器滑动条此刻的滑动到的位置为参考点,同一个...
  • javaloveiphone
  • javaloveiphone
  • 2016-03-22 16:28
  • 1687
    个人资料
    • 访问:346877次
    • 积分:4926
    • 等级:
    • 排名:第6685名
    • 原创:42篇
    • 转载:722篇
    • 译文:0篇
    • 评论:14条
    最新评论