javascriptattachEventバインディング複数のイベントの実行順序問題_JavaScriptスキル

一般的なバインド イベントは、

など、ページ要素に直接バインドされます。別の方法は、それを分離して For js コードに記述することです。たとえば、document.getElementById('wrap').onclick = function(){a();} 複数のメソッドをバインドする必要がある場合は、document.getElementById('wrap').onclick = のように直接まとめて記述します。 function(){a();b();} または

。ただし、このように別のバインディングメソッドbind(el,name,fn)を記述することがよくあります。具体的なコードは次のとおりです。

コードをコピー コードは次のとおりです。

function binding(el,name,fn) { // バインディング イベント
return el.addEventListener?el.addEventListener(name,fn,false):el.attachEvent('on' name,fn)
}

This

などの dom オブジェクトに複数のクリック イベントをバインドします。コードをコピーします コードは次のとおりです:

bind( document.getElementById('wrap'),'click',a);
bind(document.getElementById('wrap'),'click',b); 🎜> ie6,7 では、8 未満では実行順序に問題が発生します (ie9 では今のところ不明です。環境テストはありません。環境に詳しい友人がテストを手伝ってくれることを願っています)。他のブラウザはff、chrome、safariの順に実行されます。情報を検索したところ、IE8 では実行順序が逆であるのに対し、IE6 と IE7 ではランダムに実行されることがわかりました。IE がどのようにランダムに実行できるのかがわかりません。何か裏の動機があるのではないでしょうか？これを行う目的を知っている人がいたら、私に知らせてください。私自身のテストでは、ie8 では実行順序が逆になるのに対し、ie6 と 7 では不規則に実行されることが確認されました。ランダム実行は実行するたびに順序が変わるはずだと理解していますが、実際には、書き込み時の順序が固定されていれば、実行時の順序も固定されます（ルールはありませんが、おそらく私は持っています）。ルールが見つかりませんでした)。

しかし、jQuery の $.bind(type, data, fn) メソッドにはこの問題はありません。jQuery の元のコードを調べたところ、このメソッドでも使用されていることがわかりました。 🎜>

コードをコピー

コードは次のとおりです。 if (elem.addEventListener) elem.addEventListener(type, handle) , false); else if (elem.attachEvent) elem.attachEvent("on" type, handle);

このメソッドによってバインドされるイベントですが、その前にjqueryオブジェクトが既に存在するかどうかを判定します。同じ型のハンドラーが存在する場合、それらは繰り返しバインドされませんが、オブジェクトのハンドルはハンドラーにマージされてメソッドになります。これは関数c(と同等です) ){a();b();} を順番に押す このようにメソッドを入力することで、IE 上で複数のメソッドをバインドするときに実行順序が混同されなくなります。ネチズンからの返信:

IE6 7 はランダムに実行されますか?前回テストしたときは、順序が逆になったようで、ランダムな実行などはありませんでした。
特別にテストしてみました

コードをコピーします


コードは次のとおりです:

a href="# " id="test1">test



IE6 についてのランダムな言及はありません。どのようにテストしたかわかりません。

著者の答え:
ie6 と ie7 でコードをテストしましたが、実行順序が不規則です。情報のソースは次のとおりです
http://www.w3help.org/zh- cn/causes/SD9011
、私もブログ記事で述べたように、実行順序は不規則ですが、実行順序は毎回同じであると感じます。がランダムである場合、実行順序は毎回異なるはずです。これが私が説明したいことです。