Categories: Artikel HTML DOM

Register Event Handler Via Traditional Model

Cara ini dikatakan ‘tradisional model’, sebab event handler diregister via scripting, scripting language dapat JavaScript, VBScript, dll.

Sebelumnya…
Fungsi yang menghandle event dinamakan event handler. Proses meregister event handler kepada event di suatu node DOM dinamakan registering an event handler.

Meregister event handler untuk suatu elemen secara pribadi via scripting, sebelumnya suatu fungsi harus digambarkan. Cara ini anda tidak akan lagi berkutat di dalam tag-tag elemen untuk meregister event handler, sebagaimana bentuk cara Register Event Handler Via Inline Model.

Bentuk fungsi untuk menghandle event menyerupai berikut:

function functionName(){ //statements }

Misalnya:

function handleClick(){ alert(“Halo aku event handler!”); }

Kemudian memilih elemen mana yang ingin ditambahkan event handler itu, sebagai pola event handler itu untuk elemen BUTTON:

document.getElementById(“buttonID”).onclick = handleClick;

Dan BUTTON itu menyerupai berikut:

<BUTTON ID=”buttonID”>Klik disini</BUTTON>

Berikut pola lengkapnya dari pembagian terstruktur mengenai di atas:

<BUTTON ID=”buttonID”>Klik disini</BUTTON> <SCRIPT TYPE=”text/javascript”> function handleClick(){ alert(‘Halo aku event handler!’); } document.getElementById(“buttonID”).onclick = handleClick; </SCRIPT>

Untuk cara ‘tradisional model’ dapat di lihat pada isyarat yang diberikan warna merah, itu tidak memakai tanda () sebagai nilai onclick.

Untuk pola memakai cara ini akan sama seperti:

<BUTTON ONCLICK=”alert(‘Halo aku event handler!’)”>Klik disini</BUTTON>

Ketika anda memakai cara Register Event Handler Via Inline Model.

Selain onclick, ada onabort, onblur, onchange, onclick, ondblclick, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onreset, onresize, onselect, onsubmit, onunload.

Catatan: Pastikan penulisan nama event handler untuk cara ‘tradisional model’ memakai abjad kecil semua.

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