[JQUERY] jQuery를 사용하여 링크에 클릭을 유발하는 방법
JQUERYjQuery를 사용하여 링크에 클릭을 유발하는 방법
해결법
-
1.당신이 앵커에 이벤트를 트리거하려고하는 경우에, 당신이 가지고있는 코드는 작동하는지 볼 수 있도록 내가 추가 이벤트 핸들러와 jsfiddle에 예를 다시 작동합니다 :
당신이 앵커에 이벤트를 트리거하려고하는 경우에, 당신이 가지고있는 코드는 작동하는지 볼 수 있도록 내가 추가 이벤트 핸들러와 jsfiddle에 예를 다시 작동합니다 :
$(document).on("click", "a", function(){ $(this).text("It works!"); }); $(document).ready(function(){ $("a").trigger("click"); });
당신은 앵커를 클릭하여 웹 페이지에서 특정 지점을 탐색 사용자를 야기하려고하거나 바인드 트리거 이벤트에 노력하고있다? 어쩌면 당신은 실제로 이벤트에 성공적으로 클릭 이벤트를 바인딩하지 않은?
또한이 :
$('#titleee').find('a').trigger('click');
이러한 등가이다 :
$('#titleee a').trigger('click');
통화 찾을 필요가 없습니다. :)
-
2.미안하지만, 이벤트 핸들러가 정말 필요하지 않습니다. 당신이 필요로 할 것은 클릭 할 수있는 태그 내의 다른 요소이다.
미안하지만, 이벤트 핸들러가 정말 필요하지 않습니다. 당신이 필요로 할 것은 클릭 할 수있는 태그 내의 다른 요소이다.
<a id="test1" href="javascript:alert('test1')">TEST1</a> <a id="test2" href="javascript:alert('test2')"><span>TEST2</span></a>
jQuery를 :
$('#test1').trigger('click'); // Nothing $('#test2').find('span').trigger('click'); // Works $('#test2 span').trigger('click'); // Also Works
이것은 당신이 클릭하는 것에 대해 모든이며 태그하지만 내 일이 아니다. 불행하게도, 맨손으로 텍스트 JQuery와 인식 할 것 같지 않지만, 바닐라 자바 스크립트입니다 :
document.getElementById('test1').click(); // Works!
또는 어레이로서 jQuery 오브젝트에 액세스하여
$('#test1')[0].click(); // Works too!!!
-
3.이 질문은 " 요소에 클릭을 트리거"아무 대답이 실제로 그렇게하는 방법을 언급하지 구글에서 1 위를 기록하고 있습니다 때문에, 이것은 당신이 그것을하는 방법이다 :
이 질문은 " 요소에 클릭을 트리거"아무 대답이 실제로 그렇게하는 방법을 언급하지 구글에서 1 위를 기록하고 있습니다 때문에, 이것은 당신이 그것을하는 방법이다 :
$('#titleee a')[0].click();
설명 : 기본 HTML 요소가 아닌 jQuery를 객체에 대한 클릭을 트리거합니다.
당신이있는 거 환영 명의 Google :)
-
4.사용자가 제공 한 코드로, 당신은 어떤 일이 기대할 수 없다. 나는 두 번째 @mashappslabs은 : 먼저 이벤트 처리기를 추가 :
사용자가 제공 한 코드로, 당신은 어떤 일이 기대할 수 없다. 나는 두 번째 @mashappslabs은 : 먼저 이벤트 처리기를 추가 :
$("selector").click(function() { console.log("element was clicked"); // or alert("click"); });
다음 이벤트를 트리거 :
$("selector").click(); //or $("selector").trigger("click");
당신은 당신의 콘솔에 메시지가 표시되어야합니다.
-
5.당신이 앵커에 이벤트를 트리거하려는 경우, 당신은이 코드가 작동합니다.
당신이 앵커에 이벤트를 트리거하려는 경우, 당신은이 코드가 작동합니다.
$(document).ready(function() { $('a#titleee').trigger('click'); });
또는
$(document).ready(function() { $('#titleee li a[href="#inline"]').click(); });
또는
$(document).ready(function() { $('ul#titleee li a[href="#inline"]').click(); });
-
6.이 이벤트를 트리거하는 방법을 데모입니다
이 이벤트를 트리거하는 방법을 데모입니다
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(function(){ $("input").select(function(){ $("input").after(" Text marked!"); }); $("button").click(function(){ $("input").trigger("select"); }); }); </script> </head> <body> <input type="text" value="Hello World"><br><br> <button>Trigger the select event for the input field</button> </body> </html>
-
7.그럼 당신은 당신이 그것을 트리거 무슨 일이 일어나는지 볼 수 있습니다 먼저 설치에 클릭 이벤트가 :
그럼 당신은 당신이 그것을 트리거 무슨 일이 일어나는지 볼 수 있습니다 먼저 설치에 클릭 이벤트가 :
//good habits first let's cache our selector var $myLink = $('#titleee').find('a'); $myLink.click(function (evt) { evt.preventDefault(); alert($(this).attr('href')); }); // now the manual trigger $myLink.trigger('click');
-
8.이것이 바로 귀하의 질문에 대답하지 않지만, 덜 두통 당신에게 동일한 결과를 얻을 것이다.
이것이 바로 귀하의 질문에 대답하지 않지만, 덜 두통 당신에게 동일한 결과를 얻을 것이다.
난 항상 내 클릭 이벤트 내가 실행하려는 모든 논리를 포함 메서드를 호출 할 수 있습니다. 내가 실제 클릭없이 작업을 수행 할 경우 그래서 난 그냥 직접 메소드를 호출 할 수있다.
-
9.링크의이 작동합니다 :
링크의이 작동합니다 :
eval($(selector).attr('href'));
-
10.당신은 요소의 기본 .click () 메서드를 호출하거나 CreateEvent에 API를 사용합니다.
당신은 요소의 기본 .click () 메서드를 호출하거나 CreateEvent에 API를 사용합니다.
더 많은 정보를 참조하시기 바랍니다 : https://learn.jquery.com/events/triggering-event-handlers/
-
11.우리는 여러 가지 방법으로 그것을 할 수 ...
우리는 여러 가지 방법으로 그것을 할 수 ...
CASE - 1
우리는이 같은 트리거를 사용할 수 있습니다. $ ( "# MYID") 트리거 ( '클릭');
CASE - 2
우리는이 같은 클릭 () 함수를 사용할 수 있습니다 : $ ( "# MYID")을 클릭합니다 ().
CASE - 3
우리가에 대한 쓰기 기능을하려면 프로그래밍 다음을 클릭합니다 ..
$("#myID").click(function() { console.log("Clicked"); // Do here whatever you want });
CASE - 4
// Triggering a native browser event using the simulate plugin $("#myID").simulate( "click" );
또한 당신이 참조 할 수 있습니다 : https://learn.jquery.com/events/triggering-event-handlers/
from https://stackoverflow.com/questions/5811122/how-to-trigger-a-click-on-a-link-using-jquery by cc-by-sa and MIT license
'JQUERY' 카테고리의 다른 글
[JQUERY] JQuery와 비활성화 형태에 제출 입력 (0) | 2020.10.14 |
---|---|
[JQUERY] JQuery와 자바 스크립트를 사용하여로드 된 경우 확인 (0) | 2020.10.14 |
[JQUERY] 자바 스크립트에서 길게 누름? (0) | 2020.10.14 |
[JQUERY] 특정 지점에서 스크롤 위치를 고정 중지? (0) | 2020.10.14 |
[JQUERY] 번호 세 자리마다에 쉼표를 추가 (0) | 2020.10.14 |