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