이벤트 리스너 내에서 Internet Explorer 사용을 어떻게 감지할 수 있습니까?

이벤트 리스너에서 Internet Explorer 사용 확인

소개

특정 요소에 이벤트 리스너를 연결할 때 사용자가 현재 Internet Explorer(IE)를 사용하여 특정 작업을 실행하거나 다른 브라우저의 기능을 비활성화합니다. 이 문서에서는 이를 달성하는 방법을 살펴보고 다양한 시나리오에 대한 솔루션을 제공합니다.

이벤트 함수에서 IE 사용 감지

이벤트가 IE 내에서 트리거되었는지 확인하려면 documentMode 속성을 활용할 수 있습니다. 이 속성은 IE에서만 사용할 수 있으며 브라우저 렌더링 엔진의 현재 버전을 반환합니다. 다음 코드 샘플은 이 접근 방식을 보여줍니다.

$('.myClass').on('click', function(event) {
  //Abort the function if not in IE
  if (!document.documentMode) {
    return;
  }

  //Execute IE-specific actions here
});

특정 IE 버전 확인

IE11 이상 버전만 확인해야 하는 경우 UAParser.js 라이브러리를 사용하여 버전을 포함하여 사용자 브라우저에 대한 자세한 정보를 추출합니다. 다음 코드는 이 방법을 보여줍니다.

$(document).ready(function() {
  //Parse user agent string to determine user's browser
  var parser = new UAParser();
  var uaInfo = parser.getResult();

  // Handle the event listeners based on the UA information
  if (uaInfo.browser.family === 'Microsoft Edge') {
    //Do something for IE
  } else if (uaInfo.browser.family === 'IE' && uaInfo.browser.major >= 11) {
    //Do something for IE11+
  }
});

Edge 브라우저 고려 사항

최근 몇 년 동안 Microsoft Edge 브라우저는 Chromium 렌더링 엔진을 사용하도록 전환되었습니다. 검사에서 Edge를 올바르게 처리하려면 다음 코드 조각을 활용할 수 있습니다.

if (navigator.userAgent.includes('Edge')) {
  //Handle the Edge browser here
}

레거시 접근 방식(Chromium 이전 Edge)

Chromium 전환 전에 Edge는 다른 사용자 에이전트( UA) 문자열. IE11 및 이전 버전을 계속 감지할 수 있는 기능은 다음과 같습니다.

function detectIE() {
  var ua = window.navigator.userAgent;
  var msie = ua.indexOf('MSIE ');
  var trident = ua.indexOf('Trident/');

  //Return IE version or false based on the UA string
  if (msie > 0) {
    return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10);
  } else if (trident > 0) {
    return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10);
  } else {
    return false;
  }
}

위 내용은 이벤트 리스너 내에서 Internet Explorer 사용을 어떻게 감지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!