Categories: HTML DOM » Event Handler

Onblur

Event handler onblur (Bubbles: No, Cancelable: No) terjadi dikala suatu elemen kehilangan fokus — menjadi tidak aktif.

Berikut pola meregister event handler onblur via ‘inline model’:

<FORM> Tulis nama Anda: <INPUT TYPE="text" ONBLUR="this.style.background=’red’"> </FORM>

Berikut pola meregister event handler onblur via ‘traditional model’:

<FORM> Tulis nama Anda: <INPUT TYPE="text" ID="inputTextID"> </FORM> <SCRIPT TYPE="text/javascript"> function HandleEvent() { this.style.background="red"; } var inputElem=document.getElementById("inputTextID"); inputElem.onblur=HandleEvent; </SCRIPT>

Berikut pola meregister event handler onblur via DOM:

<FORM> Tulis nama Anda: <INPUT TYPE="text" ID="inputTextID"> </FORM> <SCRIPT TYPE="text/javascript"> function HandleEvent() { this.style.background="red"; } var inputElem=document.getElementById("inputTextID"); inputElem.addEventListener("blur", HandleEvent, false); </SCRIPT>
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

Share
Published by
Ahmad Code
Tags: HTML DOM » Event Handler
5 years ago

Recent Posts

Source Code Aplikasi Website Portal Menggunakan PHP MySQL

Pada kesempatan ini saya kembali membagikan buat anda pencinta aplikasi berbasis web yaitu source kode…

48 mins ago

Source code Aplikasi Website Pendaftaran Online Menggunakan PHP Mysql

Buat sobat semua yang lagi membutuhkan sedikit pencerahan tentang membuat website sistem pendaftaran online, pada…

7 hours ago

Source code Aplikasi Penjualan Sepeda Motor Menggunakan PHP dan MySQL

Aplikasi Penjualan Sepeda Motor berbasis web ini adalah merupakan aplikasi untuk memberikan kemudahan dalam proses…

13 hours ago

Source code Aplikasi Perpustakan Menggunakan PHP MySQL

Pada kesempatan ini kami kembali mensharing koleksi Aplikasi Perpustakaan Menggunakan Bahasa Pemrograman PHP dan Basisdata…

19 hours ago

Source code aplikasi kantin sederhana menggunakan php

Aplikasi Pemesanan Kantin Sederhana Tentang Aplikasi Dengan Boostrap 3.3.1 Pure Javascript Slim Framework (Hanya Routing…

1 day ago

Source code aplikasi perpustakaan berbasis web

Seringkali kita memasuki sebuah perpustakaan untuk memilih sebuah buku yang akan di pinjam.Tanpa pikir panjang…

1 day ago