Categories: HTML DOM » MouseEvent

Initmouseevent()

Metode MouseEvent.initMouseEvent() meng-initialize objek Event yang dibentuk metode DocumentEvent.createEvent(), yang mana nilai dari parameter eventType yaitu ‘MouseEvent’.

Setelah di-initialize dengan metode MouseEvent.initMouseEvent() ini, event gres dapat di kirim ke sasaran si-event via metode EventTarget.dispatchEvent().

Sintaks:

Event.initMouseEvent(typeArg, canBubbleArg, cancelableArg, viewArg, detailArg, screenXArg, screenYArg, clientXArg, clientYArg, ctrlKeyArg, altKeyArg, shiftKeyArg, metaKeyArg, buttonArg, relatedTargetArg);

typeArg yaitu Event.type.
canBubbleArg yaitu Event.bubbles.
cancelableArg yaitu Event.cancelable.
viewArg yaitu Event.view.
detailArg yaitu Event.detail.
screenXArg yaitu Event.screenX.
screenYArg yaitu Event.screenY.
clientXArg yaitu Event.clientX.
clientYArg yaitu Event.clientY.
ctrlKeyArg yaitu Event.ctrlKey.
altKeyArg yaitu Event.altKey.
shiftKeyArg yaitu Event.shiftKey.
metaKeyArg yaitu Event.metaKey.
buttonArg yaitu Event.button.
relatedTargetArg yaitu Event.relatedTarget.

Berikut pola penggunaan metode ini:

<SCRIPT TYPE="text/javascript"> function InitMouseDown(event) { if (event.initMouseEvent) { var newMousedownEvent = document.createEvent("MouseEvent"); newMousedownEvent.initMouseEvent("mousedown", true, true, window, 0, event.screenX, event.screenY, event.clientX, event.clientY, event.ctrlKey, event.altKey, event.shiftKey, event.metaKey, 0, null); event.target.dispatchEvent(newMousedownEvent); } } </SCRIPT> <BUTTON ONMOUSEOVER="InitMouseDown(event)" ONMOUSEDOWN="alert(‘Event \” + event.type + ‘\’ terjadi’)">MouseOver disini</BUTTON>

Sebenar dapat memakai metode Event.initEvent() untuk meng-initialize setiap objek Event yang di buat via DocumentEvent.createEvent() dengan eventType apapun. Untuk pola fungsi di atas, dapat memiliki bentuk menyerupai berikut:

function InitMouseDown(event) { var newMousedownEvent = document.createEvent("MouseEvents"); newMousedownEvent.initEvent("mousedown", true, true); event.target.dispatchEvent(newMousedownEvent); }

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code