zoukankan      html  css  js  c++  java
  • event.client、event.screen与event.offset(转载)

      1、event.screenX与event.screenY。

      首先,event.screenX是鼠标相对于用户显示器屏幕左上角的X坐标。

      而event.screenY则是鼠标相对于用户显示器屏幕左上角的Y坐标。

      在标准事件和IE事件中都定义了这2个属性

      

      2、event.clientX与event.clientY。

      event.clientX是鼠标相对于浏览器窗口可视区域的X坐标(窗口坐标),可视区域不包括工具栏和滚动条。

      event.clientY是鼠标相对于浏览器窗口可视区域的Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。

      3、event.offsetX与event.offsetY

      offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。 

      offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。

      

      这样说,感觉还是有点难以理解,因此这里用图片来说明:

            

      总结:screen是相对于屏幕而言的,而client则是相对于文档而言的,而offset则是相对于父容器而言的。

  • 相关阅读:
    Python标准库之csv(1)
    python3:csv的读写
    Python os模块方法
    Python闭包
    Python修饰器
    Python生成器
    Python迭代器
    Python文件对象方法
    Justep X5 Studio,业界公认第一的快速开发平台
    马云:早九晚五的工作方式在2013-2015年就是慢性自杀
  • 原文地址:https://www.cnblogs.com/sunjuncoder/p/9895607.html
Copyright © 2011-2022 走看看