오늘 양식을 xls로 내보낼 때 자동으로 a 클릭이 발생하도록 하고 싶었습니다. 그러나 실패했습니다. 드디어 이 파일을 찾았습니다. 사용자가 a 태그를 클릭하는 기능을 시뮬레이션하기 위해 jQuery를 사용하여 여러 번 시도했지만 성공하지 못했으며 오랫동안 고민했습니다. 얼마전 멍하니 있었는데 새로운 아이디어가 나와서 테스트를 시작하게 되었습니다. 먼저 아래 코드를 살펴보세요. 코드 복사 코드는 다음과 같습니다. Motuge-A 라벨 테스트 1 http://blog.mo2g.com">모투송 본문> <script">http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"><script</a>><br> <br> jQuery(함수($) {<br> //클릭 트리거 이벤트를 모든 A 태그에 바인딩 <br> $('a').click(function() {<br> 경고(1);<br> });<br> //모든 A 태그에 대한 클릭 이벤트 트리거<br> $('a').click();<br> });<br> <br> </div> <p> 위의 코드는 실제로 A 라벨을 클릭하는 이벤트를 트리거했지만 모두가 궁금한 점이 있을 것입니다. A 라벨을 클릭해도 A 라벨의 점프 이벤트가 트리거되지 않는 이유는 무엇입니까? </p> <p>처음에는 브라우저가 해당 보안 조치를 취하여 JS의 A 태그 작동을 차단했다고 생각했습니다. 나중에는 그렇지 않다는 것을 알게 되었습니다. </p> <p>설명에 앞서 질문 하나 드리겠습니다. "A 레이블"을 클릭할 때 점프가 발생하도록 하려면 정확히 무엇을 클릭했습니까? </p> <p>1) 'A 태그' 자체가 클릭되었나요? </p> <p>2) 'A라벨'에 표시된 텍스트를 클릭하셨나요? </p> <p> 위의 코드에서는 A 태그 자체를 클릭해도 지정된 링크로 이동하는 이벤트가 발생하지 않는다는 것을 모두가 이해해야 합니다. 즉, 일반적으로 A 태그의 텍스트를 클릭합니다. . 이미? </p> <p>이제 아이디어가 생겼으니 시도해 보겠습니다. </p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="34224" class="copybut" id="copybut34224" onclick="doCopy('code34224')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code34224"> <br> <html><br> Motuge-A 라벨 테스트 2<br> <br> <a href="<a href="http://www.mo2g.com">http://www.mo2g.com</a>">모투송<a><br> </본문><br> <br> <script src="<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"><script">http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"><script</a>><br> <br> jQuery(함수($) {<br> var mo2g = '<span id="mo2g">모얀 시티<span>';<br> //A 태그의 텍스트에 jQuery로 캡처할 수 있는 요소를 추가합니다 <br> $('a').append(mo2g);<br> //A 태그의 텍스트 클릭을 시뮬레이션합니다 <br> $('#mo2g').click();<br> });<br> <br> </div> <p>이제 효과가 나타납니다. 따라서 JS를 사용하여 A 태그를 클릭하는 이벤트를 시뮬레이션하려면 먼저 JS에서 캡처할 수 있는 요소를 추가해야 합니다. A 태그에 텍스트를 추가한 다음 JS를 사용하여 요소 클릭을 시뮬레이션합니다. </p> <p>위는 이 글과 관련된 jQuery의 $("a").click() 문제에 대한 분석입니다. </p>