Блог

Главная - Вопросы по программированию - Как отключить щелчок правой кнопкой мыши для начальной загрузки react?

Как отключить щелчок правой кнопкой мыши для начальной загрузки react?

#javascript #reactjs #react-bootstrap

#javascript #reactjs #react-bootstrap

Вопрос:

Пожалуйста, сначала посмотрите изображение

Если я щелкну правой кнопкой мыши, появится это меню опций. Но я хочу, чтобы ничего не приходило. Как я могу это сделать?

Мой код:

  <div>
    <Link to={{
        pathname: "/announcement",
        state: {courseId: this.state.selectedCourseId}
    }}
        className="link">
        <Card className="primaryCardDesign">
            <Card.Header className="primaryCardHeader">
                <Card.Title>
                    Announcement
                </Card.Title>
            </Card.Header>
            <Card.Body className="primaryCardBody">
                A declaration you want to share among the class
            </Card.Body>
        </Card>
    </Link>
</div>

Комментарии:

1. По какой-либо уважительной причине вы хотите отключить поведение браузера по умолчанию?

2. Если пользователь щелкнет правой кнопкой мыши и откроет его в новой вкладке, некоторые данные должны быть переданы по URL. Но я передаю его по ссылке здесь, не хочу переходить по URL в целях безопасности. Но если пользователь щелкнет правой кнопкой мыши и откроет его на новой вкладке, приложение вылетит, поскольку данные не переданы.

Ответ №1:

Добавить onContextMenu событие с пустым обработчиком, который предотвращает открытие контекстного меню :

  <Card className="primaryCardDesign" onContextMenu={e=>e.preventDefault();}>