捕获鼠标事件：鼠标指针向下移+鼠标离开

Question

我正在做一个棋盘游戏。 我有一个供客户点击的组件方块。

玩家可以在3种不同的方格上单击，触发3种不同的动作：左键单击，右键单击和双击。

我的问题是，当玩家在一个正方形上按下鼠标左键时，却不断移动并在另一个正方形上释放光标。然后什么也没发生，这是正常的。

您知道如何捕获该事件吗？

编辑：这是代码：

class Square extends PureComponent {

    render() {

        return (
            <button
                onLeftClick={() => doAction1()}
                onContextMenu={(ev) => {
                    ev.preventDefault();
                    doAction2();
                }}
                onDoubleClick={() => doAction3()}
            >
                btn test
            </button>
        );

    }
}