[JS / jQuery] 자바스크립트 onclick 이벤트 사용법 & 예제

JavaScript 클릭 이벤트(click event) 사용법

 

클릭 시 어떠한 이벤트가 발생하기 위해서는 onclick / click 함수를 사용합니다.

 

자바스크립트의 클릭 이벤트를 활용하는 방법을 알아보겠습니다.

 

 

사용법 1

먼저 HTML 앨리먼트 태그에 onclick="" 을 붙여 사용하는 방법입니다.

 

<div onclick="f_clickFunc()">클릭하세요.</div>

<script>
	
    function f_clickFunc() {
    	alert('클릭이벤트 발생');
    }
    
</script>

 

 

사용법 2

다음은 자바스크립트로 앨리먼트를 직접잡아 핸들링하는 이벤트 활용 방법입니다.

 

<div id="clickEle">클릭하세요.</div>

<script>
	
    $('#clickEle').on("click", function() {
    	alert('클릭이벤트 발생');
    });
    
    // 또는
    
    $('#clickEle').click(function() {
    	alert('클릭이벤트 발생');
    });
    
</script>