본문 바로가기

Story/Javascript

임의의 좌표에 이벤트를 강제로 주는 방법 트리거 이벤트

반응형

임의의 좌표에 클릭이벤트를 강제로 주는 방법

 

<script type="text/javascript">

function simulateClick(x,y) {
  var evt = document.createEvent("MouseEvents");
  evt.initMouseEvent("click", true, true, window,
    0, 0, 0, 0, 0, false, false, false, false, 0, null);
  var cb = document.elementFromPoint(x,y);
  cb.dispatchEvent(evt);
}
</script>

 

<input type="button" onclick="simulateClick(100,200);" value="Simulate click"/>

이렇게 사용하면 100,200 위치를 클릭하는 효과를 처리할수있다.

 

간단히 주석을 쓰면 다음과 같다.

    ev.initMouseEvent(
        "click",
        true /* bubble */, true /* cancelable */,
        window, null,
        x, y, 0, 0, /* coordinates */
        false, false, false, false, /* modifier keys */
        0 /*left*/, null
    );
출처,참고

https://developer.mozilla.org/samples/domref/dispatchEvent.html

https://developer.mozilla.org/en-US/docs/Web/API/document.elementFromPoint

반응형