Javascript 触发两个事件 - onkeypress 和 onclick

Question

问题是当我在单选按钮上按下按键时，元素 MyFunc 会触发两次 - 一次用于 onkeypress 事件，另一次用于“click”事件。

问题“为什么？”我需要通过两种不同的方式来处理这个问题，但现在我无法识别初始事件是什么。当我单击鼠标时，它仅针对“单击”事件触发。

<ul>
    <li>
        <input type="radio" onkeypress="MyFunc(event, this)" onclick="MyFunc(event, this)" name="myList" id="MyId_1" />Topic 1
        <input type="radio" onkeypress="MyFunc(event, this)" onclick="MyFunc(event, this)" name="myList" id="MyId_2" />Topic 2
    </li>
</ul>

function MyFunc(e, obj) {
    alert(e.type); // alerts "keypress" and then "click"
    // Do my stuff
}

Answer 1

如果在按下某个键时触发了 2 个事件，则检查 onClick 函数中的 event.detail 属性。如果 event.detail = 0 那么这意味着鼠标没有点击该元素，我们可以忽略它。 event.detail