JavaScript - Event 강제(자동) 발생

사용자가 이벤트를 발생시키는것이 아닌 코드를 이용해서 이벤트를 특정 시점에 발생

 

CSS 소스

<style>
    button {
        width: 200px;
        height: 100px;
        color: cadetblue;
        background: bisque;
        border: 2px solid black;
        font-size: 25px;
    }
</style>

 

HTML 소스

<h2>이벤트 강제 발생시키기</h2>
<button><span>0</span></button>

 

스크립트

<script>
    var btn = document.querySelector("button");
    var span = document.querySelector("span");
    btn.addEventListener("click", function () {
        span.innerText = parseInt(span.innerText) + 1;
    });

    // 1초마다 함수 호출, 이벤트 트리거(이벤트 자동 동작)
    setInterval(function () {
        // 버튼 클릭을 실행
        btn.click();
    }, 1000);
</script>

 

결과