반응형
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');
});
반응형
'developer tip' 카테고리의 다른 글
".equals"와 "=="의 차이점은 무엇입니까? (0) | 2020.11.17 |
---|---|
OmniAuth 및 Facebook : 인증서 확인 실패 (0) | 2020.11.17 |
관리 Bean에서보기 및 요청 범위의 차이점 (0) | 2020.11.17 |
번역과 함께 메모리를 복사하는 빠른 방법-ARGB에서 BGR로 (0) | 2020.11.17 |
Fragment 내에서 ViewPager 탭 변경 감지 (0) | 2020.11.17 |