Наличие тега привязки в теге кнопки HTML

Question

У меня есть тег привязки в описании тега кнопки в HTML, как показано ниже:

<button type="submit" onClick="handleSubmit()">Desc.... 
   <a href="https://......." target="_blank">Click here for more details</a>
</button>

Теперь, когда я нажимаю на текст привязки, выполняется действие "handleSubmit ()" вместо перехода на мой https: // ссылка. Так что, очевидно, мой текст также обрабатывается как кнопка вместо гиперссылки.

Я попытался добавить свойство z-index в свой CSS для (z-index: 1), чтобы сделать его независимо кликабельным, чтобы оно накладывалось поверх тега кнопки, но без радости!

Но если я щелкну правой кнопкой мыши по тексту, я увижу возможность открыть ссылку https на новой вкладке, и это прекрасно получается.Только когда я щелкаю по нему обычным образом (щелчок левой кнопкой мыши), обработчик нажатия кнопки выполняется так, как будто это кнопка, которую нажимают вместо тега привязки.

Как это можно исправить?Любая помощь будет высоко ценится, спасибо.

Answer 1

Я не совсем понимаю, собираетесь ли вы использовать функцию внутри onClick в любой ситуации. Вы можете поменять местами элементы, чтобы кнопка находилась внутри ссылки; Также вы можете переместить ссылку внутри onClick следующим образом:

onClick="window.location.href='link'"

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