在鼠标按下时，单击事件将在响应中触发

Question

点击事件在鼠标按下事件时被触发。有没有办法取消点击事件，只是触发鼠标按下事件？

 <div onClick={this.onClick}
      onMouseDown={this.onMouseDown}> </div>

我正在使用反应16。

Answer 1

您可以做的是为不同的事件设置单独的嵌套div：

<div onClick={this.onClick}> 
     <div onMouseDown={this.onMouseDown}> </div>
</div>

然后，可以对这样的事件使用Playground：

 onMouseDown: function(e) {
    e.stopPropagation();
    console.log('onMouseDown');
 }

Answer 2

当事件发生mouseDown和mouseUp时，会发生点击事件。因此，当您触发click事件时，首先会触发mouseDown事件。您可以在onMouseUp事件上放置一个函数，以便在释放鼠标按钮时触发它。