<div>内<div>上的onMouseDown / onClick事件

时间:2018-10-05 11:19:01

标签: javascript reactjs antd

我是Java的新手。

有一个很大的<div>,里面有三个<div>。这3个div之一包含一个输入,用户可以在其中输入内容。输入通常可以让用户单击并输入。

但是,该栏的默认行为是当用户单击它时将其关闭,这不会让用户键入,因为它只是关闭了。当鼠标向下移动时,我尝试在大preventDefault()上使用<div>,以使该条不会关闭,并且可以正常工作。但这又不允许用户在输入中键入内容,如果我不preventDefault(),这是可能的。谁能解释这种行为以及如何处理这些事件?

<div onMouseDown={event => {
  event.preventDefault();
}}
>
  <div className="InputBox">
    <Input placeholder="default size" />
  </div>
</div>

1 个答案:

答案 0 :(得分:0)

我相信您必须在输入中使用“ stopPropagation”,因此点击不会传播到div。

<input onMouseDown="{event => { event.stopPropagation(); }}" placeholder... />