js事件坐标大乱斗：screenX、clientX、pageX、offsetX

screenX: 鼠标相对于电脑屏幕的X坐标
screenY: 鼠标相对于电脑屏幕的Y坐标

clientX/clientY: 鼠标的坐标到可视区域的坐标，比如在谷歌浏览器中，指工具栏之下的区域。注意跟页面滚动无关，因为浏览器本身不滚动

pageX/pageY: 鼠标相对于整个网页主题左上角的坐标。会受到滚动影响。当无滚动时，跟client是一样的值

offsetX/offsetY： 事件发生时鼠标相对于事件源元素的坐标，获取数据类似pageX/Y，但是受到子元素影响。意思就是pageX/Y总是相对于网页左上角。但是offsetX/Y是相对于触发事件源那个盒子左上角

其它：
clientWidth：可视区域的宽度
clientHeight：可视区域的高度

js事件坐标大乱斗：screenX、clientX、pageX、offsetX相关推荐

事件坐标：screenX,clientX,pageX,offsetX的区别
e.screenX/e.screenY: 事件发生时鼠标相对于电脑屏幕的坐标.e.screenX,e.screenY的最大值不会超过屏幕分辨率. e.clientX/e.clientY: 事件发生时鼠 ...
screenX,clientX,pageX,offsetX,的区别
2019独角兽企业重金招聘Python工程师标准>>> event.screenX.event.screenY 鼠标相对于用户显示器屏幕左上角的X,Y坐标.标准事件和IE事件都定义了 ...
offsetLeft理解以及MouseEvent接口中的screenX,clientX,pageX,offsetX区别.
背景最近在做一款基于canvas的画板插件,开发过程中的画笔功能就会使用很多关于鼠标位置的属性:screenX/Y,clientX/Y,pageX/Y,offsetX/Y,以及节点offsetLef ...
Unity3D网络游戏实战——实践出真知：大乱斗游戏
前言这一章是教我们做一个大乱斗游戏.但是书中的代码有些前后不一致导致运行错误,如果你也碰到了这样的情况,可以参考我的代码我们要完成的主要有以下这些事左键操控角色行走右键操控角色攻击受到攻击掉 ...
「C++游戏」双人大乱斗
(原创) Version: v1.1 资源下载:https://download.csdn.net/download/cjz2005/12819483 现如今已经是免费免积分的了!! 简介 →双人游戏 ...
实践出真知：大乱斗游戏
文章目录第一版角色类Human BaseHuman CtrlHuman SyncHuman 通信协议消息队列 NetManager类加入网络功能消息处理第二版角色类 CtrlHuman Sy ...
大乱斗的魏晋南北朝梳理
魏晋南北朝时期是中国历史上一段历时400多年的大乱斗时代.中原极度动荡,加上北方少数民族的掺和,军阀割据,政权更迭频繁,不多久就弄一场军变.所以我大致想清了这段历史的发展过程,记录一下. 三国(229 ...
Cocos Creator | 飞刀大乱斗开发教程系列（二）！
点击上方蓝字关注我预览效果具体内容 ■ 这一期,主要讲解主页中间人物效果的实现.也就是,在下方列表选择不同人物,上方显示不同的人物,播放不同的效果,即下图的效果实现,此部分也是采用预制 Prefa ...
【Java】三国大乱斗部分代码
[Java 三国大乱斗部分代码] 前言一.游戏最终实现效果是什么? 二.游戏框架三.游戏代码 1.GameFrame类 2.GamePanel类 3.ImageUtil类 4.LvBu类 5.Zh ...

js事件坐标大乱斗：screenX、clientX、pageX、offsetX

js事件坐标大乱斗：screenX、clientX、pageX、offsetX相关推荐

最新文章

热门文章