[DOM_Document] JS - createEvent() 메서드 - 이벤트객체생성 (예: 마우스오버횟수구하기)

document.createEvent() 예제

 

<style>

div {

  padding:50px;

  background-color: Tomato;

  color: white;

  margin-bottom:10px;

}

</style>

<script>

function homzzang(event) {

var x = document.createEvent("MouseEvent");

x.initMouseEvent("mouseover", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);

document.getElementById("hz").dispatchEvent(x);

}

</script>

<div onmouseover="this.innerHTML += '★';" id="hz">★</div>

<button onclick="homzzang(event)">마우스오버 시뮬레이션</button>

 

결과보기