[JavaScript] 버튼에 강제 클릭 발생 시키기 - click()

 

 

자바스크립트를 통하여 강제로 클릭 이벤트를 발생시킬 수 있습니다.

 

 

 

 

 

 

 

click 함수

---

자바스크립트의 click 함수는 사용자가 클릭을 하지 않아도 강제적으로 클릭 이벤트를 발생시키는 함수입니다.

 

 

아래와 같은 형태로 사용할수있습니다.

element.click()

 

 

자세한 사용 예시는 아래 코드를 통해 확인해볼 수 있습니다.

<input id='btn_aaa' type='button' value='111' onclick='afterBtnClick()' />

<script>
    $(document).ready(function () {
	document.getElementById('btn_aaa').click();
    });
    
    function afterBtnClick()  {
      alert('btn_aaa 클릭');
    };
</script>

 

페이지 진입 시, document.getElementById('btn_aaa').click(); 코드가 실행됩니다.

 

1) id의 값이 btn_aaa 인 버튼에 click함수를 걸어주게 됩니다.

2) click함수로 인하여 id의 값이 btn_aaa 인 버튼이 눌려지게 됩니다.

3) 해당 버튼이 onclick 이벤트로 가지고 있는 afterBtnClick 함수가 실행되게 되어 "btn_aaa 클릭" 이라는 알림 창이 노출되게 됩니다.