页面上pageX、offsetLeft等的使用方法

pageX: 页面X坐标位置
pageY: 页面Y坐标位置

<script>window.onmousemove=function(e){// 鼠标移动的时候得到鼠标实时的位置console.log(`${e.pageX},${e.pageY}`);}
</script>

screenX: 屏幕X坐标位置
screenY: 屏幕Y坐标位置

clientX: 鼠标的坐标到页面左侧的距离
clientY: 鼠标的坐标到页面顶部的距离

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

offsetX：鼠标坐标到元素的左侧的距离
offsetY：鼠标坐标到元素的顶部的距离

offsetLeft：该元素外边框距离包含元素内边框左侧的距离
offsetTop：该元素外边框距离包含元素内边框顶部的距离

offsetWidth: width + padding-left + padding-right + border-left + border-right
offsetHeight: height + padding-top + padding-bottom + border-top + border-bottom

offsetParent: 包含元素
可以通过定位改变包含元素

页面上pageX、offsetLeft等的使用方法相关推荐

php 未填写时隐藏提交按钮,php - [单击提交按钮时隐藏html，回显结果留在同一页面上，电子邮件表单结果示例提供 - SO中文参考 - www.soinside.com...
我搜索了基本的解释和示例,该示例和示例说明了如何使用同一基本php隐藏我的html表单" onsubmit",同时保持在同一页面上.我还需要通过电子邮件发送表格结果.我在这里和那里 ...
echarts如何显示在页面上
echarts如何显示在页面上 1.引入echarts的相关.js文件 <script src="js/echarts.min.js"></script> ...
vue中，点击button按钮后，页面上的input框再次自动获取焦点
需求:点击button按钮,录入成功后,页面上的input框自动聚焦,快速进行下一次录入,提高效率开始尝试了几种方法都没有成功一.首先想到的用vue指令 v-focus,然而没有成功 <In ...
wpf使用入式mysql_c#之wpf：从mysql数据库中数据绑定到页面上
博主最近在做小项目时,需要将数据绑定到页面上,无奈c#前端没有学好,所以走了写弯路. 1.listview:首先listview是一个比较好的展示数据库的数据的控件,可是呢,在wpf中listview ...
通过wget在Linux上下载Java JDK会显示在许可证页面上
当我尝试从Oracle下载Java时,我却最终下载了一个页面,告诉我我需要同意OTN许可条款. 抱歉! 为了从Oracle技术网下载产品,您必须同意OTN许可条款. 确保... 您的浏览器启用了&qu ...
如何把截图固定在电脑页面上
如果我们给人讲网课课,或者汇报的时候想把公式,定理,图片等放在醒目位置做对比.那么我们可能需要把截图放在别的文件的页面上,那么我们要怎么做呢? 方法一: 利用QQ截图功能 1.先登录QQ,不然不能使用 ...
利用vue-pdf插件来让pdf的base64数据显示在页面上
这两天遇到了一个问题,如何能pdf数据的base64显示在前端页面上,比对了网上各种方法,我发现还是用vue-pdf插件更加的方便快捷的满足我的需求.下面我介绍一下对vue-pdf插件的使用. 1,v ...
将请求返回的图片转为Base64形式显示在页面上
情景: 如图该请求返回一张图片,我该如何显示在页面上呢? 代码如下: transformArrayBufferToBase64 (buffer) {var binary = '';var bytes ...
将SQL Server 2000数据库Image类型图片数据显示在页面上
一.建立数据表 --================================== --================================== --TABLE NAME: E_PH ...

页面上pageX、offsetLeft等的使用方法

页面上pageX、offsetLeft等的使用方法

页面上pageX、offsetLeft等的使用方法相关推荐

最新文章

热门文章