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

이 글에서는 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 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.