小编sch*_*luk的帖子

如何停止双击事件的传播

考虑这个组件:

<Card onClick={openWindowHandler}>
  <Editable onDoubleClick={enableInputHandler} />
</Card>
Run Code Online (Sandbox Code Playgroud)

我想要实现的是onDoubleClick在调度事件时停止事件传播,因此openWindowHandler不会调用该函数。不过,onClick先火再说onDoubleClick

我可以通过应用函数来区分调用的是哪种事件类型_.debounce,但此时事件已经被调度,因此无法调用stopPropagation().

<Card onClick={openWindowHandler}>
  <Editable onDoubleClick={enableInputHandler} />
</Card>
Run Code Online (Sandbox Code Playgroud)

有什么办法可以做到吗?

编辑: 对元素的单击<Editable />应该冒泡给父母,从而引起openWindowHandler呼叫。

javascript events event-handling dom-events reactjs

5
推荐指数
1
解决办法
2906
查看次数

标签 统计

dom-events ×1

event-handling ×1

events ×1

javascript ×1

reactjs ×1