JavascriptのMSIEとaddEventListenerの問題？

Question 1

document.getElementById('container').addEventListener('copy',beforecopy,false );

Chrome / Safariでは、ページのコンテンツがコピーされているときに、上記で「beforecopy」機能が実行されます。MSIEはこの機能もサポートすることになっていますが、何らかの理由で次のエラーが発生します。

「オブジェクトはこのプロパティまたはメソッドをサポートしていません」

さて、Internet Explorerはbodyノードで動作しないことは理解していますが、IDでノードを提供することは問題なく機能すると思いました。私が間違っていることについて誰かが何か考えを持っていますか？前もって感謝します。

** 3番目のパラメータ「False」が何に適しているかを教えてくれる人にはボーナスポイント。

Question 2

IEattachEventでは、標準ではなくを使用する必要がありますaddEventListener。

一般的なaddEventListener方法は、メソッドが使用可能かどうかを確認して使用することです。それ以外の場合は、attachEvent次を使用します。

if (el.addEventListener){
  el.addEventListener('click', modifyText, false); 
} else if (el.attachEvent){
  el.attachEvent('onclick', modifyText);
}

あなたはそれをするための関数を作ることができます：

function bindEvent(el, eventName, eventHandler) {
  if (el.addEventListener){
    el.addEventListener(eventName, eventHandler, false); 
  } else if (el.attachEvent){
    el.attachEvent('on'+eventName, eventHandler);
  }
}
// ...
bindEvent(document.getElementById('myElement'), 'click', function () {
  alert('element clicked');
});

上記のコードの例をここで実行できます。

の3番目の引数addEventListenerはuseCapture;です。trueの場合、ユーザーがイベントキャプチャを開始したいことを示します。

Question 3

JQuery 2.xを使用している場合は、以下を追加してください。

<html>
   <head>
      <meta http-equiv="X-UA-Compatible" content="IE=edge;" />
   </head>
   <body>
    ...
   </body>
</html>

これは私のために働いた。

Question 4

追加してみてください

<meta http-equiv="X-UA-Compatible" content="IE=edge">

オープニングヘッドタグの直後

Question 5

Internet Explorer（IE8以下）はをサポートしていませんaddEventListener(...)。attachEventメソッドを使用した独自のイベントモデルがあります。次のようなコードを使用できます。

var element = document.getElementById('container');
if (document.addEventListener){
    element .addEventListener('copy', beforeCopy, false); 
} else if (el.attachEvent){
    element .attachEvent('oncopy', beforeCopy);
}

独自のイベント処理ラッパーを作成することは避け、代わりにJavaScriptフレームワーク（jQuery、Dojo、MooTools、YUI、Prototypeなど）を使用することをお勧めしますが、これに対する修正を自分で作成する必要はありません。

ちなみに、イベントのW3Cモデルの3番目の引数は、バブリングとイベントのキャプチャの違いに関係しています。ほとんどすべての状況で、イベントがキャプチャされたときではなく、バブルしたときにイベントを処理する必要があります。これは、バブルしないテキストボックスの「フォーカス」イベントなどでイベント委任を使用する場合に役立ちます。

Question 6

IE11以降、を使用する必要がありますaddEventListener。attachEventは非推奨であり、エラーをスローします。

Question 7

PPKがここで指摘しているように、IEでは使用することもできます

e.cancelBubble = true;

Question 8

を使用すると<meta http-equiv="X-UA-Compatible" content="IE=9">、IE9 +はaddEventListener、次のようにイベント名の「on」を削除することでサポートします。

 var btn1 = document.getElementById('btn1');
 btn1.addEventListener('mousedown', function() {
   console.log('mousedown');
 });

Question 9

問題は、IEに標準的なaddEventListener方法がないことです。IEはattachEvent、ほぼ同じことを行う独自の機能を使用します。

違いの適切な説明、および3番目のパラメーターについては、quirksmodeにあります。