React鼠标点击事件对象中的几个用到的属性

最新推荐文章于 2023-09-26 16:29:13 发布

weixin_34111819

最新推荐文章于 2023-09-26 16:29:13 发布

阅读量1.4k

点赞数

文章标签： javascript ViewUI

原文链接：https://juejin.im/post/5ccdad8a6fb9a0323b7e58a4

版权

render () {    return (        <div className="home test-classname more-classname">            <div onClick={this.handleClick}>Click me</div>        </div>    )}复制代码

处理点击事件：

handleClick = (e) => {    console.log(e);    console.log(e.target.parentElement); // 获取到当前元素的父元素    console.log(e.target.parentElement.className); // 获取到当前元素的父元素的类名，返回值类型是string}复制代码