javascript - ページ上のイベントによってトリガーされるJavaScript関数を「オフにする」ための最良の方法は何ですか

Question

近くの画像のマウスオーバーを無効にしたいnav要素があります。

ループして画像を収集し、それらのマウスオーバーを''に設定してから、nav要素のonmouseoutによって、画像のマウスオーバーを元の状態に戻すことを考えていました。

nav要素のonmouseover/onmouseoutを介して画像のonmouseover機能をオフ/オンにするより良い方法はありますか？

Answer 1

以下を実行しない理由:

1. すべての画像のすべてのonmouseoverイベントを単一の関数に向ける
2. すべての画像のすべてのonmouseoutイベントを単一の関数に向ける
3. グローバルスコープに変数があるとしましょうvar imageInFocus = null;
4. function: を入力するたび
   if(imageInfocus == null)に、現在のイメージ名をそれに割り当て、そのイメージを処理します。
   それ以外の場合、null でない場合は無視します。
   そうすれば、一度に 1 つの画像だけを処理できます。
5. ononmouseoutに null を割り当てるだけimageInFocusで、次の画像で使用できるようになります。

Answer 2

jQuery を使用します。このようなことをする必要があります：

$("#id_of_your_element").hover(function(){
    $(".other_elements_class").unbind("mouseover").unbind("mouseover");
}, function(){
    $(".other_elements_class").hover(your_mouseover_function, your_mouseout_function);
});

Answer 3

さて、これらはすべてうまくいくと思いますが、それは私の問題ではありませんでした。この問題は、画像がアクティブでなくなったり、表示されたり、マウスオーバー イベントがなかったりしても、画像がロールオーバーされると、画像のマウスオーバー機能に設定されている何かがナビゲーションに影響を与え続けていたことです。

でもありがとう。