Mengapa `addEventListener` tidak berfungsi untuk Acara \'copy\' dalam MSIE?

Menyelesaikan Isu addEventListener dalam MSIE

Dalam Javascript, percubaan untuk melaksanakan acara 'salinan' menggunakan addEventListener mungkin mengakibatkan ralat berikut dalam MSIE:

<code class="javascript">document.getElementById('container').addEventListener('copy',beforecopy,false );
Object doesn't support this property or method</code>

Penyelesaian

MSIE menyimpang daripada pendekatan addEventListener standard dan sebaliknya memerlukan penggunaan 'attachEvent'. Ini boleh dicapai melalui semakan bersyarat:

<code class="javascript">if (el.addEventListener){
  el.addEventListener('click', modifyText, false); 
} else if (el.attachEvent){
  el.attachEvent('onclick', modifyText);
}</code>

Sebagai alternatif, fungsi tersuai boleh dibuat untuk mengabstraksikan proses ini:

<code class="javascript">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');
});</code>

Bonus: Parameter Ketiga (useCapture)

Argumen ketiga addEventListener ('useCapture') menentukan keutamaan pengendalian acara. Jika ditetapkan kepada benar, ini menunjukkan bahawa penangkapan peristiwa diingini, di mana peristiwa itu dikendalikan pada nenek moyang elemen sebelum mencapai elemen sasaran.

Atas ialah kandungan terperinci Mengapa `addEventListener` tidak berfungsi untuk Acara \'copy\' dalam MSIE?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!