javascript - 如何在 React 中动态附加事件？

Question

我在 React 中有一个窗口(一个 div)，我想调整它的大小。使用 onMouseDown={this.handleMouseDown} 接口(interface)我可以实现它，但问题是只要我留在 div 中，这些处理程序就会被调用。

调整元素大小时，通常会将光标移到 div 之外，以表示您希望它变大。因此，我想在 onMouseDown 事件中为 onMouseMove 附加一个全局监听器，以便实现这一点。

我该怎么做，或者有更好的方法吗？

Answer 1

是的，将事件处理程序附加到窗口的 onmousemove 和 onmouseup(分离动态添加的事件处理程序)事件效果很好，然后即使鼠标移出窗口，事件也会触发。

在 React 的 onmousedown 事件中使用 addEventListener 很容易做到。