javascript - 适当使用 onClick

标签 javascript onclick

处理 onClick 事件的正确方法是什么?

<div class='container' onClick={() => { *do something* }}>
  <div class='element'></div>
  <div class='element'></div>
  <div class='element'></div>
</div>

如果您单击其中一个子元素,这将导致 onClick 也触发。如何限制事件仅在容器上触发?

最佳答案

检查event.currentTarget

<div class='container' onClick={(e) => { if(e.currentTarget.class == "container") { do something } }}>
  <div class='element'></div>
  <div class='element'></div>
  <div class='element'></div>
</div>

关于javascript - 适当使用 onClick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50434575/

相关文章:

javascript - React/Redux - 链接操作或组合 reducer

javascript - 通过JS和html调用REST API

java - 在 Android 中设置微调器 onClickListener()

javascript - 换个页面再换一个Class

javascript - 如何通过 Javascript 设置一键显示的表格

javascript - 当我使用 Javascript 时,ID 接管了我的类(class)

Javascript - 查找重复项,合并并插入新数组以及唯一项

javascript - html5 bootstrap 中的光标交互式 360 度视频/图像背景

javascript - 带 cookie 的全屏滑动切换

php - 前 4 个 li 元素的 onClick 工作但之后的每个人都没有 - 在 FF 3.6 和 Chrome 中