react事件对象无法获取offsetLeft、offsetTop、X、Y等元素解决方法

简介: react事件对象无法获取offsetLeft、offsetTop、X、Y等元素解决方法

您好,如果喜欢我的文章,可以关注我的公众号「量子前端」,将不定期关注推送前端好文~

react获取到的事件缺少了部分一些属性,和原生事件对象不同,如图:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

*

解决方法

事件中使用:

e.nativeEvent

在这里插入图片描述
在这里插入图片描述
这是一个比较坑的地方,应该是react的事件对象没有包含一些原生eventDom的属性。

目录
相关文章
|
4月前
|
前端开发
React元素变量
React元素变量
|
27天前
|
前端开发 JavaScript
React 组件和 React 元素有什么区别?
【8月更文挑战第31天】
22 0
|
4月前
|
JavaScript 前端开发
|
4月前
|
前端开发 JavaScript 开发者
很基础但很重要,React 元素本质
很基础但很重要,React 元素本质
|
4月前
|
前端开发 JavaScript 安全
react如何渲染包含html标签元素的字符串
react如何渲染包含html标签元素的字符串
127 0
|
4月前
|
前端开发 JavaScript 容器
React 之元素与组件的区别
React 之元素与组件的区别
44 1
|
10月前
|
前端开发
React基础语法07-点击按钮,获取input框的值(通过事件对象获取)
React基础语法07-点击按钮,获取input框的值(通过事件对象获取)
104 0
|
10月前
|
前端开发 JavaScript
React基础语法06-事件对象的应用
React基础语法06-事件对象的应用
29 0
|
10月前
|
前端开发
react切换元素隐藏显示?
react切换元素隐藏显示?
|
10月前
|
前端开发
React隐藏显示元素
React隐藏显示元素