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

似乎单选按钮具有

更改

，

输入

，以及

单击

事件。使用一个和另一个有什么区别吗

（注意：

click

事件实际上是由键盘在我之前检查过的浏览器中选择单选按钮触发的，但是如果要避免

click

，那么

change

和

input

之间有什么区别吗？我们使用其中一个或另一个有关系吗？）

let radioEl=document.querySelector（“#我可爱的单选按钮”）；
radioEl.addEventListener（“change”，（ev）=>console.log（“在变更处理程序中：”，ev.target.value））；
radioEl.addEventListener（“输入”，（ev）=>console.log（“在输入处理程序中：”，ev.target.value））；
radioEl.addEventListener（“单击”，（ev）=>console.log（“在单击处理程序中：”，ev.target.value））
标签{
右边距：20px
}
选择1
选项2
单击事件适合单选按钮，因为它要么被单击，要么不被单击，但更改事件是在提交或单击之前针对输入元素的
 变更活动将包括所有其他活动。例如，可以使用键盘更改单选按钮。请记住，单选按钮也可以通过键盘更改，也可以通过其他JS更改，而不仅仅是单击它。@GetSet
click
事件实际上是由单选键盘触发的buttons@nonopolarity我不知道这一点，但现在说得通了。是跨浏览器的吗？一个点击事件，让代码在适当的位置检测并执行其他操作，是非常有用的。@nonopolity我能想到一个很大的区别。这是浏览器中事件处理的顺序，假设您选择使用
更改
，而不是
单击
，则更改事件在事件执行链中可能更高，因此，例如，我的一个项目中有一些事件。我在锚元素上使用了
click
，但是当父元素的
blur
事件被引发时，一些事件函数删除了这个元素，这导致了问题。我必须在锚标记上使用
mousedown
，在父元素的
blur
事件之前执行与锚元素相关联的函数