복붙노트

[JQUERY] jQuery를 사용하여 링크에 클릭을 유발하는 방법

JQUERY

jQuery를 사용하여 링크에 클릭을 유발하는 방법

해결법


  1. 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. 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. 3.이 질문은 " 요소에 클릭을 트리거"아무 대답이 실제로 그렇게하는 방법을 언급하지 구글에서 1 위를 기록하고 있습니다 때문에, 이것은 당신이 그것을하는 방법이다 :

    이 질문은 " 요소에 클릭을 트리거"아무 대답이 실제로 그렇게하는 방법을 언급하지 구글에서 1 위를 기록하고 있습니다 때문에, 이것은 당신이 그것을하는 방법이다 :

    $('#titleee a')[0].click();
    

    설명 : 기본 HTML 요소가 아닌 jQuery를 객체에 대한 클릭을 트리거합니다.

    당신이있는 거 환영 명의 Google :)


  4. 4.사용자가 제공 한 코드로, 당신은 어떤 일이 기대할 수 없다. 나는 두 번째 @mashappslabs은 : 먼저 이벤트 처리기를 추가 :

    사용자가 제공 한 코드로, 당신은 어떤 일이 기대할 수 없다. 나는 두 번째 @mashappslabs은 : 먼저 이벤트 처리기를 추가 :

    $("selector").click(function() {
        console.log("element was clicked"); // or alert("click");
    });
    

    다음 이벤트를 트리거 :

    $("selector").click(); //or
    $("selector").trigger("click");
    

    당신은 당신의 콘솔에 메시지가 표시되어야합니다.


  5. 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. 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. 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. 8.이것이 바로 귀하의 질문에 대답하지 않지만, 덜 두통 당신에게 동일한 결과를 얻을 것이다.

    이것이 바로 귀하의 질문에 대답하지 않지만, 덜 두통 당신에게 동일한 결과를 얻을 것이다.

    난 항상 내 클릭 이벤트 내가 실행하려는 모든 논리를 포함 메서드를 호출 할 수 있습니다. 내가 실제 클릭없이 작업을 수행 할 경우 그래서 난 그냥 직접 메소드를 호출 할 수있다.


  9. 9.링크의이 작동합니다 :

    링크의이 작동합니다 :

    eval($(selector).attr('href'));
    

  10. 10.당신은 요소의 기본 .click () 메서드를 호출하거나 CreateEvent에 API를 사용합니다.

    당신은 요소의 기본 .click () 메서드를 호출하거나 CreateEvent에 API를 사용합니다.

    더 많은 정보를 참조하시기 바랍니다 : https://learn.jquery.com/events/triggering-event-handlers/


  11. 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/

  12. from https://stackoverflow.com/questions/5811122/how-to-trigger-a-click-on-a-link-using-jquery by cc-by-sa and MIT license