处理 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/