1.clientX/clientY——相对于浏览器可视区左上角(0,0)的坐标

2.screenX/screenY——相对于设备屏幕左上角(0,0)的坐标

3.offsetX/offsetY——相对于事件源左上角(0,0)的坐标,例如点击一个div,则该div就是事件源

4.pageX/pageY——相对于整个网页左上角(0,0)的坐标

5.X/Y——本来是IE的属性,相对于用css动态定位(position)的最内层包容元素

js中Event对象的5种坐标相关推荐

  1. php 遍历对象数组,js中遍历对象(5种)和遍历数组(6种)的方法总结

    本篇文章给大家带来的内容是关于js中遍历对象(5种)和遍历数组(6种)的方法总结,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 一.遍历对象方法 1.for...in 遍历输出的是对 ...

  2. Js中访问对象的两种方法

    我们通常都使用点" . '"表示法来访问对象,在js中也可以用方括号" [ ] "来访问对象的属性. 使用[]时,应该将想要访问的属性用字符串的形式放在&quo ...

  3. js中遍历对象的几种方法

    一.前言 我们知道,在js的对象中,有下面几种属性: 可枚举属性 不可枚举属性 从原型链上继承的属性 以Symbol作为key值 今天,我们就来谈一谈如何遍历这些属性. 二.遍历可枚举属性   首先, ...

  4. js中Event 对象 target 与 currentTarget的应用

    http://www.cnblogs.com/meng1314-shuai/p/7455575.html Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠 ...

  5. js中event对象属性和方法

    1.type 事件的类型,如onlick中的click: 2.srcElement/target 事件源,就是发生事件的元素: 3.button 声明被按下的鼠标键,整数,1代表左键,2代表右键,4代 ...

  6. Js中自定义对象四种方式

    Js中自定义对象四种方式 1 类似JAVA有参构造方式: 1.定义对象: function 对象(属性[age]){追加属性:如(this.age = age)[this代表当前对象的地址值的引用]追 ...

  7. js中WINDOW对象

    全栈工程师开发手册 (作者:栾鹏) js系列教程6-BOM操作全解 js中WINDOW对象 BOM的核心是window,而window对象又具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是一 ...

  8. JS 之 Event 对象

    今天跟大家分享下JS 之 Event 对象的知识. 1 概述 事件发生以后,会产生一个事件对象,作为参数传给监听函数.浏览器原生提供一个Event对象,所有的事件都是这个对象的实例,或者说继承了Eve ...

  9. DOM中Event 对象如何使用

    DOM中Event 对象如何使用 一.总结 一句话总结: 1.将event作为参数传递进来,然后就可以调用event对象的各种属性和方法了. <body onmousedown="wh ...

最新文章

  1. dede列表分页php,dede列表页分页英文调用方法
  2. 当深度学习遇上异构并行计算
  3. 2.本征矩阵 基本矩阵以及对极几何之间的约束关系
  4. 软件工程导论 银行储蓄系统_银行计算机储蓄系统
  5. Apollo进阶课程㉝丨Apollo ROS原理—2
  6. 资料:vue 3.0+版本发布
  7. 67% 为宽松许可证,2020 年开源许可证最新趋势来袭
  8. Linux之FineBI集群部署 1
  9. Mac那些你不知道的 :自带计算器的隐藏功能
  10. DataTable,List和Json的转换
  11. 还不知道如何使用 IDEA ?教你三招快速掌握 IDEA
  12. Windows环境下hadoop安装和配置详细步骤
  13. 查看xp计算机物理地址,Xp系统怎么更改物理地址?WinXp系统修改物理地址的方法...
  14. android深度睡眠对广播有什么影响吗,解析智能床垫真的有效提升23.3%的深度睡眠吗?...
  15. Android开发——网络请求(一)网络请求的API、授权和方法
  16. alert的使用方法
  17. JQuery中的each()方法和$.each()函数的使用
  18. TOMCAT崩溃事件
  19. 基于Python Scrapy爬虫改进KNN算法的网站分类系统
  20. 微信与支付宝扫码支付

热门文章

  1. 【毅力挑战】PCIe 每日一问一答(目录篇)
  2. WKWebView高度自适应
  3. 问题 C: 3.02 星号三角  输出10行内容,每行的内容都不一样,第1行一个星号,第2行2个星号,依此类推第10行10个星号。
  4. uni-app生成海报并分享
  5. 用内存映射文件实现进程间通信
  6. android1.6的手机,原生Android 1.6系统_手机_手机Android频道-中关村在线
  7. Scrapy框架中解决OSError=[Errno 2] No such file or directory: 'Xvfb': 'Xvfb'
  8. js实现九九乘法表(两种方法)
  9. Python的raise用法
  10. golong实现邮件发送