触摸事件获取不到e.offset属性解决办法

ESP32连接OneNet云平台实现多设备联动控制完整示例 通过esp32连接onenet云平台,实现远程设备间的智能联动控制,利用MQTT协议完成数据通信,esp32连接onenet云平台后可高效稳定地上传与下发指令,提升物联网系统响应速度与自动化水平。 阅读详情

HTML代码

<img ref="pointBox" @touchStart="_touchStart($event)">

JS代码

        触摸屏时获取不到e.offsetX属性以及元素的clientLeft 或 scrollLeft的值
        所以改用pageX(表示触摸点相对于网页左上角的水平位置)减去getBoundingClientRect().left(获取图片元素相对于视窗左上角的水平位置)的值代替
        offsetY同理

_touchStart(e) {
    let imgTop = this.$refs['pointBox'].getBoundingClientRect().top;
    let imgLeft = this.$refs['pointBox'].getBoundingClientRect().left;
    let offsetX = e.changedTouches[0].pageX - imgLeft;
    let offsetY = e.changedTouches[0].pageY - imgTop;
}

告别混乱接线!用EPLAN 3D布局图,手把手教你搞定电气柜的3D建模与自动布线 本文详细介绍了如何使用EPLAN 3D布局图进行电气柜的3D建模与自动布线,帮助工程师告别混乱接线。从项目准备、基础结构建模到智能设备布局与逻辑定义,再到高级布线技术与问题排查,提供了一套完整的实战指南。通过EPLAN的3D功能,显著提升设计效率与系统可靠性。 阅读详情

相关推荐

HFSS求解器背后的数学原理:从麦克斯韦方程到S参数计算

本文深入解析了Ansys HFSS求解器的数学原理,从麦克斯韦方程出发,详细介绍了模式驱动求解(Driven Solution)和本征模求解(Eigenmode)等核心算法。通过有限元方法和模式匹配技术,HFSS将电磁场问题转化为矩阵方程求解,实现S参数计算和场分布分析,为工程师提供精确的电磁仿真工具。

weixin_28314575的博客 466

Event获取clientX,offsetX,layerX,pageX,screenX

一、clientX、clientY 点击位置距离当前body可视区域的x,y坐标 二、pageX、pageY 对于整个页面来说,包括了被卷去的body部分的长度 三、screenX、screenY 点击位置距离当前电脑屏幕的x,y坐标 四、offsetX、offsetY 相对于带有定位的父盒子的x,y坐标 (相对于事件源元素内边框的X,Y坐标。) 五、x、y 和screenX、screenY一样 ...

丰的博客 1705

广东电信兆能Z82盒子救砖记:手把手教你用U盘强刷HI3798MV100固件(附短接图)

本文详细介绍了广东电信兆能Z82盒子变砖后的救砖方法,重点讲解了使用U盘强刷HI3798MV100固件的全流程,包括诊断、准备工作、短接操作及刷机后的优化设置。特别针对m8233主板和8188无线方案的机型,提供了实用的短接图和操作技巧,帮助用户成功恢复设备。

weixin_30325487的博客 403

在vue中使用鼠标事件@mousedown、@mouseenter等失效的解决办法,以及PC端长按实现

@mouseenter、@mousedown等鼠标事件[非鼠标点击事件]时,发现事件不触发,失效了 此时应该在@mouseenter、@mouseenter等鼠标事件加上native属性就好了 三个事件的触发时机 mousedown 当鼠标指针移动到元素上方,并按下鼠标按键(左、右键均可)时,会发生mousedown事件。 与click事件不同,mousedown事件仅需要按键被按下,而不需要松开即可发生。 mouseup 当在元素上松开鼠标按键(左、右键均可)时,会发生mou...

大前端薯条铭的博客 3万+

手把手教你用Simulink搭建PMSM FOC控制模型(附完整仿真文件下载)

本文手把手教你使用Simulink搭建完整的永磁同步电机(PMSM)磁场定向控制(FOC)仿真模型。内容涵盖从电机与逆变器建模、核心的坐标变换(Clark/Park变换)实现、电流环与速度环PID整定,到SVPWM调制与系统集成调试的全过程,并提供关键参数设置与实用调试技巧,帮助工程师快速掌握FOC的工程实现。

silver的专栏 863

DC竞赛 国能日新功率预测题 rank21 解决方案(适合新手)

DataCastle国能日新光伏功率预测 数据异常处 本题在测试集中提供了时间、辐照度、风速、风向、温度、压强、湿度、实发辐照度8个特征,以及标签**实际功率**。 而在训练集中只有前七个特征,无实发辐照度。 策略 在观察了数据之后,我们确定实发辐照度是一个强力特征,于是我们采取了stacking的策略: 1. 第一次训练以实发辐照度为标签,预测 测试集的实发辐照度 2....

yyhhlancelot的博客 7295

touch事件不能准确获取到元素

移动端的touchstart, touchmove, touchend三个事件,点击元素并拖动时,获取到了touchmove事件, 但是 event.touches[0].target所指向的元素却是touchstart时获取到的元素,而并非手指所移动到上方的元素,所以在处理获 取移动到哪个元素上方之类的需求时,普通方法已不奏效,解决方式如下: var element

jvid_sky的博客 2238

别再手动测接口了!用Pytest+Requests+Allure搭建你的第一个自动化框架(附完整源码)

本文详细介绍了如何使用Pytest+Requests+Allure搭建Python接口自动化测试框架,涵盖环境准备、核心组件封装、测试用例设计、报告生成及CI/CD集成等关键步骤。通过实战案例和完整源码,帮助开发者快速构建高效的接口自动化测试解决方案,提升测试效率和质量。

weixin_42546508的博客 321

touch事件

(function(){  var delegate = function(fn, scope,opts) {         return function() {             return fn.apply(scope, Array.prototype.slice.call(arguments, 0));         }     }    var events=fu

2474

若依RuoYi文件上传漏洞实战:如何安全配置/profile/upload路径(附避坑指南)

本文深入解析若依RuoYi框架中/profile/upload路径的文件上传漏洞,提供详细的安全配置方案和实战指南。通过权限修正、输入验证强化和存储隔离等多层防御策略,有效防范未授权访问和恶意文件上传风险,保障系统安全。

pink的博客 781

SecureCRT串口连接保姆级教程:从驱动安装到波特率设置(附常见问题解决)

本文提供SecureCRT串口连接的保姆级教程,涵盖从USB转串口驱动安装、端口识别到波特率等核心参数设置的完整流程。针对连接失败、乱码、键盘输入无响应等高频问题,给出了深度排查与解决方案,帮助网络与嵌入式开发新手快速掌握串口调试技能。

weixin_29281941的博客 433

浏览器兼容的获取event.offsetX的最简单方法

为什么80%的码农都做不了架构师?>>> ...

weixin_34029680的博客 407

芒果YOLO11改进12:即插即用 | 独家原创改进最新PWConv核心结构|来自最新CVPR2023顶会,

即插即用 | 独家原创改进最新PWConv核心结构|来自最新CVPR2023顶会,

包括YOLOv5、YOLOv7、YOLOv8等模型改进 565

display none里面的属性可以获取吗_2分钟认识JavaScript offset属性及作用

1.1. 元素偏移量 offset 系列1.1.1 offset 概述offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。1. 获得元素距离带有定位父元素的位置2. 获得元素自身的大小(宽度高度)3. 注意:返回的数值都不带单位1.1.2 offset 与 style 区别offset- offset 可以得到任意样式表中的样式值- o...

weixin_30995363的博客 326

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

20、offset 元素偏移量

20、offset 元素偏移量 1. offset 概述 offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 <body> <div class="father"> <div class="son"></div> </div> &lt

weixin_45998542的博客 1523

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

元素偏移量 offset 系列

offset 概述 offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 offset 与 style 区别 offset 可以得到任意样式表中的样式值 offset 系列获得的数值是没有单位的 offsetWidth 包含padding+border+width offsetWidth 等属性是只读属性,只能获取不能赋值 所以,我们想要获取元素大

weixin_47198047的博客 532

WINCC7.3破解文件

WINCC7.3硬件够破解文件,有需要的下载!WINCC7.3硬件够破解文件,有需要的下载!

Web-api学习 11:元素偏移量 offset

offset 概述 offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 案例:获取鼠标在盒子内的坐标 <head> <style> .box { margin: 100px auto; width: 300..

玉安_ZhangDe的博客 398

Web APIs——offset、client、scroll系列

1.1. 元素偏移量 offset 系列 1.1.1 offset 概述 offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 offset系列属性 作用 element.offsetParent 返回作为该元素带有定位的父级元素 如果父级都没有定位则返回body element.offsetTop 返回元素相对带有定位父

qq_43498002的博客 320

旧Kindle变身手写板:从触摸事件到E-ink刷新的嵌入式实践

电子墨水屏以其低功耗、强光下可读性高的特性,在物联网设备和嵌入式领域有着广泛应用,但它的刷新延迟和残影问题一直是开发者需要攻克的难点。Linux输入子系统通过evdev接口将触摸硬件事件标准化,为应用层提供了透明的坐标读取通道。理解这一机制,是构建流畅手写交互的基础。在性能受限的设备上,如何平衡触摸采样频率、坐标平滑算法和屏幕局部刷新策略,直接决定了用户体验。Fingerink项目正是基于这套原理,将旧Kindle改造为一块手写板,完整串联了从触摸硬件层到内核输入事件、再到E-ink渲染的整条链路。本文以此

weixin_34005042的博客 436

JavaScript16——元素偏移量offset、元素可视区client、元素滚动scroll

1.1. 元素偏移量 offset 系列 1.1.1 offset 概述 offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 1. 获得元素距离带有定位父元素的位置 2. 获得元素自身的大小(宽度高度) 3. 注意:返回的数值都不带单位 1.1.2 offset 与 style 区别 offset offset 可以得到任意样式表中的样式值 offset 系列获得的数值是没有单位的 offsetWidth 包含padding

小白的学习路 476

js基础篇 11 offset系列 client系列 立即调用函数 flexible分析 更多事件 更多事件对象 scroll系列 offset、client、scroll系列的总结 实战演习

offset系列 client系列 立即调用函数 flexible分析 更多事件 更多事件对象 scroll系列 offset、client、scroll系列的总结 实战演习

qilie_32的博客 218

前端学习第二十五课(WebAPIs——offset、client、scroll)

常见 offset 系列属性的作用 常见 client 系列属性的作用 常见 scroll 系列属性的作用 能够封装简单动画函数

damadashen的博客 588

javascript DOM、事件、事件流、节点操作、元素属性(笔记)

文章目录1. 认识DOM2. 获取元素2.1 通过标签名获取2.2 通过ID获取2.3 通过类名获取2.4 H5新增的获取方式2.5 特殊元素的获取3. 事件3.1 事件三要素3.2 事件类型3.3 注册事件3.4 删除事件3.5 事件流3.6 鼠标事件对象3.7 键盘事件对象3.8 事件委托(事件代理)4. 元素自定义属性4.1 默认的自定义属性4.2 h5新增的自定义属性5. 节点操作5.1 节点类型5.2 获取父元素5.3 获取子元素5.4 获取兄弟元素5.5 添加节点对象5.6 删除节点5.7 克隆

weixin_60547084的博客 2158

Web APIs第05天笔记—— 元素偏移量 offset 系列、offset 与 style 区别、元素可视区 client 系列、元素滚动 scroll 系列、 mouseenter 和mouse

offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。获得元素距离带有定位父元素的位置获得元素自身的大小(宽度高度)注意:返回的数值都不带单位client 翻译过来就是客户端,我们使用 client 系列的相关属性来获取元素可视区的相关信息。通过 client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。scroll 翻译过来就是滚动的,我们使用 scroll 系列的相关属性可以动态的得到该元素的大小、滚动距离等。

m0_55879104的博客 387

【07】JavaScript:11-元素偏移量 offset 系列、元素可视区 client 系列、元素滚动 scroll 系列、动画函数封装

day05 - Web APIs 学习目标: 能够说出常见 offset 系列属性的作用 能够说出常见 client 系列属性的作用 能够说出常见 scroll 系列属性的作用 能够封装简单动画函数 1.1.元素偏移量 offset 系列 1.1.1 offset 概述 offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 1.1

忘尘丶莫负的博客 1360

*Web APIs 5 元素偏移量 offset·元素可视区 client·元素滚动 scroll·动画函数封装

**1.1. **元素偏移量 offset 系列 1.1.1 offset 概述 offset 翻译过来就是偏移量, 我们使用 offset系列相关属性可以动态的得到该元素的位置(偏移)、大小等。 获得元素距离带有定位父元素的位置 获得元素自身的大小(宽度高度) 注意:返回的数值都不带单位 1.1.2 offset 与 style 区别 offset offset 可以得到任意样式表中的样式值 offset 系列获得的数值是没有单位的 offsetWidth 包含paddin

weixin_48116269的博客 171
上一篇: VUE项目的e2e自动化测试超详细安装过程(保姆级)
下一篇: 常用的js动画库
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值