互換性の問題を解決する上でのjs

イベントオブジェクトの互換性、すなわち文言を取得します。

1  VARの obox = document.querSelector（ "ボックス" ）。
2  
3 obox.onclick = 関数（イブ）{
 4             VARの E =前夜|| window.event //すなわち只支持window.event
 5             にconsole.log（E）;
6          }

つまり、互換性のある文言をバブリングイベントを停止します

1つの 関数 stopBubble（E）{     // 受信イベントオブジェクト
2          IF （e.stopPropagation）{
 3。             e.stopPropagation（）;
 4          } 他{
 5。              e.cancelBubble = trueに ;    // すなわちなら、e.cancleBubbleを用いて
6。         }
 7      }

 

 リスニングバインディング互換すなわち文言

1つの 関数 addEvent（ELE、タイプ、CB）{    // 要素オブジェクトのイベントタイプ機能
2          IF （ele.addEventListener）{    
 3              ele.addEventListener（タイプ、CB）     // IEがサポートされていない
。4          } 他 IF （ele.attachEvent） {
 5              ele.attachEvent（+タイプ、CB "ON"）    // のみIE9サポート
6。          } 他{
 7              = CB [+型"ON"] ELE;    //が割り当てバインディング使用して、サポートしていない
8          } 
 9      }

 

文言アンバインドイベントと互換性すなわち

1つの 関数 removeEvent（ELE、タイプ、CB）{    // 要素オブジェクトのイベントタイプ機能
2          IF （ele.removeEventListener）{    
 3              ele.removeEventListener（タイプ、CB）    // IEがサポートされていない
。4          } 他 IF （ele.detachEvent） {
 5              ele.detachEvent（+タイプ、CB "ON"）    // IEサポート
6。          } 他{
 7。              ELE [+型"ON"] = NULL ;    //は、式の割り当て削除する結合事象を使用して、サポートしていない
8          }
 9      }