본문 바로가기

개발/Javascript & HTML

[Javascript/Jquery] 클릭이벤트 강제 발생 (자바스크립트 or 제이쿼리)

반응형


[Javascript/Jquery] 클릭이벤트 강제 발생 (자바스크립트 or 제이쿼리)



 - 피곤하다 만들고 싶은게 생겼다



1. 무엇을 만들고 싶었는가

 - 버튼을 클릭하지 않아도 클릭이벤트를 강제로 발생시키고 싶었다

 - Jquery로 만들고 싶었는데 Javascript로도 만들고 싶었다


2. 소스

 - Html

1
2
<button id="my-btn" onclick="alert('클릭이벤트 발생')";>버튼</button>
 
cs


 - JQuery

1
2
3
//Jquery trigger
$("#my-btn").trigger("click");
 
cs


 - Javascript

1
2
document.getElementById("my-btn")[0].click();
 
cs


3. 실행결과

 

 

 - Jquery와 Javascript 로 작성한 소스 모두 동일하게 my-btn이라는 id를 가진 버튼에 지정된 클릭이벤트를 발생시킨다


4. 끝

 - 피곤한 개발자 피로그래머

 - 나도 피곤하고 여러분도 피곤할테니 마음껏 긁으라고 우클릭 방지는 해놓지 않았으나 양심상 출처는 밝혀주자



반응형