developer tip

jQuery 또는 JavaScript로 버튼 클릭 동작을 시뮬레이션하는 방법은 무엇입니까?

copycodes 2020. 11. 17. 08:21
반응형

jQuery 또는 JavaScript로 버튼 클릭 동작을 시뮬레이션하는 방법은 무엇입니까?


버튼 클릭 동작을 시뮬레이션하기 위해 JavaScript를 사용해야합니다. 어떻게해야합니까? 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');  
}, 8000);

이 '익명 문서 준비 기능'으로 래핑하면 클릭하기 전에 버튼이 있는지 확인합니다. 클릭하려는 요소가로드되기 전에 클릭을 시도하는 경우에만 해당됩니다. 이것은 그 문제를 해결할 것입니다.

또한 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

반응형