>  기사  >  웹 프론트엔드  >  브라우저 호환성 문제를 해결하는 jQuery 사례 연구_jquery

브라우저 호환성 문제를 해결하는 jQuery 사례 연구_jquery

WBOY
WBOY원래의
2016-05-16 15:05:281224검색

이 글에서는 jQuery가 브라우저 호환성 문제를 해결하는 방법을 예제를 통해 분석합니다. 참고할 수 있도록 모든 사람과 공유하세요. 자세한 내용은 다음과 같습니다.

질문:

사용자가 abc라는 입력 컨트롤에서 Enter 키를 누르면 다른 컨트롤 imgLogin의 클릭 이벤트가 트리거됩니다.

IE document.getElementById('abc').click()에서는 abc의 클릭 이벤트를 호출할 수 있습니다

하지만 FF에서는 그렇지 않습니다.

해결책:

다음과 같아야 합니다:

var evt = document.createEvent("MouseEvents");
evt.initEvent("click", true, true);
document.getElementById("imgLogin").dispatchEvent(evt);

입력컨트롤의 클릭 이벤트를 실행하기 위해서만

JQuery를 사용하는 경우

$("#abc").keydown(function(e) {
  if (e.keyCode == 13) {
    $("#imgLogin").click();
  }
});

간단한 문장 몇 개면 충분합니다. 브라우저를 판단할 필요는 없습니다

더 많은 jQuery 관련 콘텐츠에 관심이 있는 독자들은 이 사이트에서 특별한 주제를 확인할 수 있습니다: "JQuery 쿠키 조작 기술 요약", "jQuery 테이블(테이블) 조작 기술 요약" , "jQuery 드래그 효과 및 기법 요약", "jQuery 확장 기법 요약", "jQuery 공통 클래식 특수 효과 요약", "jQuery 애니메이션 및 특수 효과 사용 요약", "jquery 선택기 사용 요약" 및 "jQuery 일반 플러그인 및 사용 요약"

이 기사가 jQuery 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.