提醒：本文最後更新於 2375 天前，文中所描述的資訊可能已發生改變，請謹慎使用。

以下程式碼，點test2後，firefox、chrome、opera輸出順序是1、2，但IE9的順序卻是2、1。

<input id="test1" /> <button id="test2">click</button> <div id="out"></div>
<script type="text/javascript">
    var test1 = document.getElementById('test1'),
        test2 = document
 
.getElementById('test2'),
        out = document.getElementById('out');

    test1.addEventListener('focus', function(e) {
        out.innerHTML += '1<br />';
    });

    test2.addEventListener('click', function() {
        test1.focus();
        out.innerHTML += '2<br />';
    });
</script
 
>

PS，如果把test1.focus()換成下面這樣，則所有瀏覽器表現一致，都是1、2這樣的順序：

var evt = document.createEvent('Events');
evt.initEvent('focus', true, true, document.defaultView);
test1.dispatchEvent(evt);

從表面上來看，IE9中的test1.focus()這個過程被非同步執行了。解決方案倒是很簡單，把後面的語句放在萬能的setTimeout 0裡就萬事大吉了。

團隊的郝同學在使用QWrap的valid元件時踩到這個坑了。先記錄下來，稍後做一些詳細研究，有結論了再更新。

--EOF--

發表於 2012-07-10 17:44:37 ，並被新增「 IE 、 IE9 、 Event 」標籤 。檢視本文 Markdown 版本 »

提醒：本文最後更新於 2375 天前，文中所描述的資訊可能已發生改變，請謹慎使用。