{ $("#btn").click(function() { $ ("#submit").click(); $("#aLink") .click(); : 나 버튼을 클릭하면 제출 버튼이 클릭되었고 하이퍼링크가 연속적으로 클릭되었음을 나타내는 대화 상자 팝업은 두 항목 모두의 클릭 이벤트가 트리거되었음을 나타냅니다. 그러나 제출 버튼의 클릭 이벤트가 트리거된 후 기본 동작을 수행하는 것을 주소 표시줄에서 볼 수 있습니다. 즉, 양식을 제출하지만 하이퍼링크의 클릭 이벤트가 트리거된 후에는 대상에 연결되지 않습니다. 주소. (제출 버튼의 제출 주소가 하이퍼링크에 영향을 미친다는 점은 의심하지 마세요. 제출 버튼을 없애고 하이퍼링크만 남겨두면 대상 주소로 연결되지 않기 때문입니다.)
아마도 jQuery의 click() 메서드 하이퍼링크의 클릭 이벤트는 브라우저의 기본 동작을 수행하지 않습니다(수동으로 return true를 추가하더라도 쓸모가 없습니다). 참고: tigger("click")은 click()과 동일합니다. jQuery 문서에는 "이 함수는 또한 동일한 이름의 브라우저 기본 동작이 실행되도록 합니다."라고 나와 있습니다. 같은 이름을 가진 사람? 잘 이해가 안 되지만 하이퍼링크는 실제로 기본 동작을 수행할 수 없습니다. 이것이 jQuery에서 제공하는 이벤트를 포기하는 유일한 다른 방법입니다.
IE에서 테스트를 거쳐 통과했습니다. 그러나 fireFox에서는 다음과 같은 메시지가 표시됩니다. click()은 함수가 아닙니다. 솔직히 말해서 IE 브라우저는 개발자에게 매우 좋은 기능을 제공하지만 앞서 언급한 onpropertychange와 같이 fireFox는 그렇지 않습니다. 그러나 IE 이외의 브라우저도 고려해야 합니다. 인터넷에서 정보를 검색한 후, 많은 사람들이 fireFox에서 이벤트를 실행하기 위해 코드를 사용하려면 다음 처리가 필요하다고 언급했습니다.
if($.browser.msie) { $("#aLink").get(0).click() else { var evt = document.createEvent("MouseEvents"); evt.initEvent("click", false, false) $("#aLink").get(0).dispatchEvent(evt ); > } }) }); 그러나 fireFox의 상황은 jQuery의 click() 이벤트를 직접 사용하는 것과 동일합니다. click 이벤트가 트리거될 수 있지만 하이퍼링크가 대상 주소로 이동하지 않습니다(참고: 제출 버튼도 이 방법을 사용하여 제출할 수 있습니다. jQuery의 클릭을 원합니다. ()의 구현은 아마도 다음과 같이 구현될 것입니다. 제 생각에는 IE가 더 나은 것 같아요. 헤헤.
결과적으로 이 방법으로는 여전히 FireFox의 문제가 해결되지 않습니다. 계속해서 다른 방법을 찾아야 합니다.
fireFox에서는 클릭 이벤트가 발생할 수 있지만 하이퍼링크의 대상 주소로 이동할 수 없으므로 js를 사용하여 점프, 즉 위치 개체를 사용할 수 있습니다. 코드는 다음과 같습니다.
if($ .browser.msie) { 🎜> $( "#aLink").click(function() { document.location = $(this).attr("href");// window .location = $(this).attr("href" ); 가능하지만 실행 시간이 다릅니다 }) }); 끝났어. 설명할 곳이 있습니다: document.location 및 window.location. 둘 다 괜찮지만 실행 시간이 다르고 창 실행 시간이 더 빠릅니다. 독자들이 직접 시도해 볼 수 있습니다.
target 속성이 정의되지 않은 경우 '_blank로 처리됩니다. '는 기본적으로 사용자가 하이퍼링크를 클릭하는 것과는 다른 효과가 있습니다. 이 방법은 크로스 브라우저이므로 이 방법만 사용하면 됩니다. 이때는 다시 jQuery 원본 JavaScript를 사용하여 구현하는 것이 궁극적으로 가장 좋은 방법이라고 생각합니다. 전체 최종 코드는 다음과 같습니다.
