Блог

Главная - Вопросы по программированию - Откройте ссылку в новой вкладке, когда ctrl щелкните ее в ReactJS?

Откройте ссылку в новой вкладке, когда ctrl щелкните ее в ReactJS?

#javascript #reactjs

#язык JavaScript #реагирует на

Вопрос:

У меня с этим проблема, я не нашел решения. Как я могу нажать ctrl на ссылку для открытия в новой вкладке ?

 function handleClick(documentID) {  // if ctrl   click  window.open(`/document/${documentID}`, "_blank")  // else  // navigate("/document/"   documentID)  }   lt;ListItem onClick={() =gt; handleClick(document.id)}gt;

у меня есть комментарий к коду, чтобы хорошо понять

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

1. Я не понимаю твоей проблемы. Вы хотите открывать ссылку каждый раз на новой вкладке или только тогда, когда пользователь использует ctrl щелчок?

2. Разве ctrl щелчок по новому окну не встроен в браузеры? Код FE обычно не должен обрабатывать это явно.

3. @Giacomo я хочу, чтобы, когда я просто нажимаю на свой документ, он открыт на той же странице, где находится ссылка, и когда я нажимаю ctrl нажмите на ссылку, я хочу открыть его на новой вкладке

4. @lux о, я не знаю

5. Вместо функции handleClick вы можете использовать react-router библиотеку и создать ссылку с lt;Link/gt; компонентом. Таким образом, это работает как обычная lt;agt; ссылка.

Ответ №1:

Если у вас есть ссылка, пожалуйста, используйте фактический a элемент с href. Это лучше для обеспечения доступности, и вы получаете функцию CTRL click бесплатно.

Метки: ,