Anchor Tag's On Click Event Firing, но по умолчанию не

Question

У меня есть привязка, обернутая вокруг радиовхода. Когда я нажимаю на них, переключатель выбирается, но тег привязки ничего не делает.

<a href="https://stackoverflow.com"> 
    <input type="radio" /> 
</a> 

Я пытался добавить обработчик OnClick к якорным тэгом, чтобы увидеть, если она была быть нажата, и она работала, как ожидалось:

<a onclick="console.log('anchor clicked');" href="https://stackoverflow.com"> 
    <input type="radio" /> 
</a> 

Это также показал мне, что якорь тег быть нажата дважды, Я добавил event.stopPropagation во входной тег:

<a onclick="console.log('anchor clicked');" href="https://stackoverflow.com"> 
    <input onclick="event.stopPropagation();" type="radio" /> 
</a> 

Answer 1

Неверный html5. В модели the spec модель контента элемента a заявляет, что он не может иметь интерактивный контент потомком. Не скрытый input - это интерактивный контент.