jQuery 또는 자바스크립트로 클릭 버튼을 시뮬레이션하는 동작을 사용하는 방법?

jQuery 또는 자바스크립트로 클릭 버튼을 시뮬레이션하는 동작을 사용하는 방법?

버튼을 클릭하는 동작을 시뮬레이션하기 위해 자바스크립트를 사용해야 합니다.어떻게 하면 달성할 수 있습니까?jQuery로 달성할 수 있습니까?

예, jquery로 가능합니다. 사용하세요.trigger기능.여기 설명서입니다.샘플은 다음과 같습니다.

$('#foo').trigger('click');

버튼 컨트롤에 할당된 클릭 이벤트 핸들러를 실행할 수 있습니다.

$("#mybutton").click();

간단히 .click():

$("#theButton").click();

다음 코드는 두 번 클릭하여 인쇄합니다.$('.submitBtn').click();기타$('.submitBtn').trigger('click')

$(document).ready(function() {

  $('.submitBtn').on('click', function() {

   console.log("Clicked!");

  })

$('.submitBtn').click();
$('.submitBtn').trigger('click')



});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<button menu="submitBtn" class="submitBtn len4 btn" title="submit" data-code-m="sbm.submit"> Click me
        </button>

다음 코드를 사용해 보십시오.

setTimeout(function() {
    $(".class_name").trigger('click');  
}, 2000);

이 '익명 문서 준비 기능'으로 포장하면 버튼을 클릭하기 전에 버튼이 있는지 확인할 수 있습니다.클릭하려는 요소가 로드되기 전에 클릭하려고 할 경우.그러면 그 문제가 해결될 겁니다.

또한 ID는 해시(즉, #close-button)를 사용하지만 CLASS가 있는 요소를 클릭하려면 해시를 단일 점(즉, close-button)으로 스왑합니다.

jQuery(document).ready(function() {
        $("#close-button").trigger('click');    
});

언급URL : https://stackoverflow.com/questions/5015054/how-to-use-simulate-the-action-of-clicking-button-with-jquery-or-javascript