버튼을 자동으로 트리거하고 onclick 마우스 클릭 이벤트를 자동으로 실행하는 방법 기본값은 클릭입니다.
버튼은 타이머 setInterval() 메서드를 사용하여 구현할 수 있는 onclick 이벤트를 자동으로 트리거합니다. 기본적으로 클릭되는 경우 onload 메서드를 사용하면 웹페이지를 로드할 때 클릭이 발생하도록 할 수 있습니다.
다음 예제에서는 웹페이지를 열 때 기본적으로 팝업창이 팝업되도록 구현한 것입니다. 팝업창을 닫은 후 2초마다 자동으로 팝업창이 클릭됩니다. 코드는 다음과 같습니다:
lt; charset="utf-8"gt;
lt;titlegt;자동 클릭 예시lt;/titlegt;
lt;/headgt;
lt;body onload ="alert('기본 클릭 팝업 창입니다.') "gt;
lt; script type="text/javascript"gt;
setInterval(function() {
if(document.all) {
document.getElementById("buttonid").click();
}
else {
var e = document.createEvent( "MouseEvents");
e.initEvent("click", true, true);
document. getElementById("buttonid").dispatchEvent(e);
}
}, 2000);
lt;/scriptgt;
lt; input id="buttonid" type="button" value= "Button" onclick="alert('자동 클릭 팝업 창입니다')" /gt; type="text/css"gt;
input: red; color: #fff; 여백: 20px }
/stylegt; p>
lt;/bodygt;
lt; /htmlgt;
코드를 실행한 후의 효과는 다음과 같습니다.
1. 아래와 같이 기본적으로 클릭합니다.
2. 2초마다 자동으로 아래와 같이 한 번 클릭합니다.
확장 정보:
타이머 setInterval() 메소드는 중단 없는 클릭을 구현하며 settimeout() 메소드를 사용하면 한 번의 클릭 후 자동 클릭을 중지할 수 있습니다.
전체 코드는 다음과 같습니다:
lt;!doctype htmlgt;
lt;htmlgt;
lt;headgt;
lt;meta charset="utf-8"gt;
lt;titlegt;자동 클릭 예lt;/titlegt;
lt;/headgt;
lt; body onload="alert('기본 클릭 팝업 창입니다.') "gt;
lt; script type="text/javascript"gt;
settimeout(function( ) {
if(document.all) {
document.getElementById("buttonid").click();
}
else {
var e = document.createE
Vent("MouseEvents");
e.initEvent("click", true, true);
document.getElementById("buttonid").dispatchEvent(e);
p>
p>
}
}, 2000);
lt;/scriptgt;
lt;input id="buttonid" type="button" value="button" onclick="alert('자동 클릭 팝업 창입니다.')" /gt;
lt;
입력 {배경: 빨간색; 색상: #fff; 여백: 20px;}
lt;/stylegt;
lt;/bodygt ;
lt;/htmlgt;