81. (javascript/자바스크립트) 특정 객체 강제 버튼 클릭 이벤트 수행 - document getElementById onclick

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

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : javascript

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

​

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

[소스 코드]

 

    <script>

    	/*
    	[JS 요약 설명]
    	1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다
    	2. document.getElementById(객체).onclick() : 특정 객체 클릭 이벤트를 발생 시킵니다
    	3. setTimeout : 일정 시간이 지난 후에 함수를 실행합니다
    	*/

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

    		//특정 객체 클릭 이벤트 등록 실시 
    		document.getElementById("one_container").onclick = function() {
    			// 결과 확인 
    			alert("one_container click");    			
    		};

    		//강제 버튼 클릭 이벤트 함수 정의
    		setTimeout(clickFunction, 2000); //2초후에 함수 호출

    	};


    	/* [이벤트 수행 함수] */
    	function clickFunction(){
    		//특정 객체 강제 버튼 클릭 이벤트 수행
    		document.getElementById("one_container").click();
    	};
    	
    </script>

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

​

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

[결과 출력]

​

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

​

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

[요약 설명]

​

/*

[JS 요약 설명]

1. window.onload : 웹 브라우저 로딩 완료 상태를 확인합니다

2. document.getElementById(객체).onclick() : 특정 객체 클릭 이벤트를 발생 시킵니다

3. setTimeout : 일정 시간이 지난 후에 함수를 실행합니다

*/

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