MSIE의 \'copy\' 이벤트에 대해 `addEventListener`가 작동하지 않는 이유는 무엇입니까?

MSIE에서 addEventListener 문제 해결

Javascript에서 addEventListener를 사용하여 '복사' 이벤트를 구현하려고 하면 다음 오류가 발생할 수 있습니다. MSIE:

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

솔루션

MSIE는 표준 addEventListener 접근 방식과 다르며 대신 'attachEvent'를 사용해야 합니다. 이는 조건부 검사를 통해 달성할 수 있습니다:

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

또는 이 프로세스를 추상화하기 위해 사용자 정의 함수를 생성할 수 있습니다:

<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>

보너스: 세 번째 매개변수(useCapture)

addEventListener('useCapture')의 세 번째 인수는 이벤트 처리 우선 순위를 결정합니다. true로 설정되면 이벤트 캡처가 필요함을 나타내며 이벤트는 대상 요소에 도달하기 전에 요소의 조상에서 처리됩니다.

위 내용은 MSIE의 \'copy\' 이벤트에 대해 `addEventListener`가 작동하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!