20. (jquery/제이쿼리) trigger 트리거 사용해 강제 버튼 클릭 이벤트 수행 실시

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : jquery

/* =========================== */

​

/* =========================== */

[소스 코드]

 

    <!-- Jquery CDN 로드 : 항상 최신 버전 사용 -->
    <script src="https://code.jquery.com/jquery-latest.min.js"></script>    


    <!-- 내부 JS 스타일 지정 -->
    <script>

    	/*
    	[JS 요약 설명]
    	1. window onload : 웹 브라우저 로딩 완료 상태를 나타냅니다
    	2. $(객체).on(이벤트) : 특정 객체에 이벤트를 등록합니다
    	3. trigger : 요소에 등록된 이벤트를 실행시킵니다
    	*/


    	/* html 최초 로드 및 이벤트 상시 대기 실시 */
    	$(window).load(function(){
    		console.log("");
    		console.log("[window onload] : [start]");
    		console.log("");

    		//특정 객체 클릭 이벤트 정의 실시
    		$("#div_container").on("click", function() {
    			alert("div_container 클릭");
    		});

    		//트리거 사용해 강제 클릭 이벤트 발생 실시
    		$("#div_container").trigger("click"); //방법 [1]
    		//$("#div_container")[0].click(); //방법 [2]
    		
    	});	

    </script>

/* =========================== */

​

/* =========================== */

[결과 출력]

​

/* =========================== */

​

/* =========================== */

[요약 설명]

​

/*

[JS 요약 설명]

1. window onload : 웹 브라우저 로딩 완료 상태를 나타냅니다

2. $(객체).on(이벤트) : 특정 객체에 이벤트를 등록합니다

3. trigger : 요소에 등록된 이벤트를 실행시킵니다

*/

/* =========================== */