小编İbr*_*kar的帖子

React,如何防止拖动后执行点击事件?

我有 Draggable 元素,在它的内部,我有一个带有 onClick 事件的组件。拖动结束时,触发点击事件。我的可拖动元素如下所示。我使用了一个名为react-draggable的包。

<Draggable
    position={this.state.realPosition}
    onStart={this.handleStart}
    onDrag={this.handleDrag}
    onStop={this.handleStop}
    disabled={this.state.isDialogOpen}
    bounds="parent">
      <div style={{"width":"fit-content"}}>
        <Helmet getDialogStatus={this.handleClick} />  
      </div>
</Draggable>
Run Code Online (Sandbox Code Playgroud)

我在 Helmet 组件内有 onClick 事件,它会打开一个对话框。当我拖动并释放该元素时,将打开此对话框。我的问题是如何防止这种行为以及如何将这些事件与事件分开?

谢谢。

drag-and-drop onclick draggable reactjs

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

drag-and-drop ×1

draggable ×1

onclick ×1

reactjs ×1