使用单选按钮的更改、输入和单击事件是否有任何区别?

Question

似乎单选按钮具有change、input和click事件。使用另一个有什么区别吗？

(注意：click事件实际上是由键盘在我之前检查过的浏览器中选择单选按钮触发的，但如果要避免click，change和input之间有什么区别——我们是否使用其中一个重要？

let radioEl = document.querySelector('#my-lovely-radio-button');
radioEl.addEventListener("change", (ev) => console.log("In Change Handler:", ev.target.value));
radioEl.addEventListener("input", (ev) => console.log("In Input Handler:", ev.target.value));
radioEl.addEventListener("click", (ev) => console.log("In Click Handler:", ev.target.value));

label {
margin-right: 20px
}

<label><input type="radio" id="my-lovely-radio-button" name="choice" value="choice1"> Choice 1</label>
<label><input type="radio" id="my-lovely-radio-button-2" name="choice" value="choice2"> Choice 2</label>

Answer 1

单击事件适合单选按钮，因为它被单击或不单击，但更改事件适用于提交或单击之前的输入元素。