Firefox焦点javascript-event的奇怪行为（重复点火）

Question

Firefox在链接上触发焦点事件（Opera也是如此）。 当我尝试附加一个处理程序进行链接以防止其获得焦点，而是将焦点传递给邻居输入字段时，发生了奇怪的事情。 Firefox会触发焦点事件两次，而Opera只会触发一次。 可能是由于某种原因与js事件的捕获阶段和冒泡阶段相关联，但我不确定，在这两种情况下，jQuery事件obj的.eventPhase属性都等于2，即冒泡。

下面是一个测试页：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Text1</title>
</head>
<body>
    <a href="#" id="click">click</a>
    <input type="text" id="to_pass">
    <script type="text/javascript">
        var i = 1;
        document.getElementById('click').onfocus = function() {
            console.log(i);
            i += 1;
            document.getElementById('to_pass').focus();
            return false;
        }
    </script>
</body>
</html>

发生点击时，控制台中会呼出一个呼叫计数。

Answer 1

在这种情况下，请使用click()而不是focus() ：

var i = 1;
$('#click').click(function(ev) {
    ev.preventDefault();
    console.log(i);
    $('#to_pass').focus();
    i += 1;
})

小提琴的例子