material-ui - MUI - 鼠标按下时模式关闭（鼠标右键和中键）

Question

目前，模态在转义和左键单击时关闭，是否有可能在右键和中键单击（鼠标按下事件）时也关闭？

Answer 1

您可以控制模态的关闭/打开状态：

function Demo() {
  const [closed, setClosed] = React.useState(true);

  return (
    <React.Fragment>
      <button onClick={() => setClosed(false)}>open</button>
      <Modal
        BackdropProps={{
          onMouseDown: event => {
            // https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button#syntax
            const isRightClick = event.button === 2;
            const isMiddleClick = event.button === 1;
            if (isRightClick || isMiddleClick) {
              setClosed(true);
            }
          }
        }}
        open={!closed}
        onClose={() => setClosed(true)}
      >
        <p>some content</p>
      </Modal>
    </React.Fragment>
  );
}

见https://codesandbox.io/s/material-ui-modal-close-on-right-click-m87sm