Lompat ke konten Lompat ke sidebar Lompat ke footer

Mengatur Blur dan Focus Window HTML DOM

Properti window blur dan window focus merupakan properti yang digunakan untuk menghapus dan memunculkan fokus pada window yang sedang digunakan saat ini. Dimana pada window blur properti akan mengirimkan new open window pada background, sebaliknya pada properti window focus, window akan ditarik dari window blur ke bagian foreground.

Penggunaan Properti Blur dan Focus Window DOM pada HTML
Properti Blur dan Focus Window DOM

Sebelum memahami lebih dalam materi tentang Mengatur Blur dan Focus Window HTML DOM, terlebih dahulu pelajari materi tentang: Melakukan Dekoding HTML Menggunakan Atob Window DOM [klik], Menampilkan Pesan Peringatan HTML Menggunakan Alert Window DOM [klik], dan Melihat Nilai Teratas HTML Menggunakan Top Window DOM [klik].

Sintak window blur: Window.blur()
  • Parameter window blur: tidak membutuhkan parameter jenis apapun.
  • Return values window blur: tidak mengembalikan nilai apapun.

Sintak window focus: window.focus()
  • Parameter window focus: tidak membutuhkan parameter jenis apapun.
  • Return values window focus: tidak mengembalikan nilai apapun.


Berikut adalah contoh ilustrasi program penggunaan properti window.blur() dan window.focus() pada JavaScript.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

 

<title>

Properti window Blur dan 

window Focus DOM pada HTML

</title>

 

<style>

body 

{

text-align: center;

}

 

.mkn 

{

font-size: 40px;

font-weight: bold;

color: green;

}

</style>

 

</head>

 

<body>

 

<div class="mkn">

Blog Elfan

</div>

 

<h2>

Window Blur dan Window Focus

</h2>

 

<script>

var Window;

 

// Fungsi untuk membuka window 

// baru

function windowOpen() 

{

Window = window.open(

"https://www.penelitian.id/",

"_blank"

"width=400, height=450"

);

}

 

// Fungsi untuk menutup window 

// baru

function windowClose() 

{Window.close();}

 

// Fungsi untuk blur window 

// baru

function windowBlur() 

{Window.blur();}

 

// Fungsi untuk melakukan 

// focus pada window open

function windowFocus() 

{Window.focus();}

</script>

 

<button 

onclick="windowOpen()">

Open DonssforDonss

</button>

 

<button 

onclick="windowBlur()">

Blur DonssforDonss

</button>

 

<button 

onclick="windowFocus()">

Focus DonssforDonss

</button>

 

<button 

onclick="windowClose()">

Close DonssforDonss

</button>

 

</body>

 

</html>

Output:
Blog Elfan

Window Blur dan Window Focus


Artikel ini didedikasikan kepada: Muhammad Nabil Ulinnuha, Muhammad Rahadian Abdurrahman 'Auf All-Firdausy, Muhammad Rizqi Naufal, Muhammad Salafiah, dan Mutiara Dwi Rahayuni.

5 komentar untuk "Mengatur Blur dan Focus Window HTML DOM"

  1. Jenis browser seperti apa saja yang dapat digunakan untuk mengaktifkan properti window blur dan window focus style dom pada HTML?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis browser yang dapat digunakan untuk mengaktifkan properti window blur dan window focus style dom pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa fungsi dari penggunaan properti method blur dan method focus pada window DOM HTML?

    BalasHapus
    Balasan
    1. Method blur() dapat digunakan untuk membuat permintaan untuk membaca window ke bagian latar belakang, dimana hal ini terdapat suatu kemungkinan dimana hasil akhir yang didapatkan adalah tidak sesuai dengan perencanaan, karena pengaturan yang dilakukan oleh setiap user biasanya berbeda-beda pada tiap-tiap dokumen HTML yang menggunakan method blur().

      Hapus
    2. Method blur merupakan method window DOM HTML yang digunakan untuk menghilangkan focus() dari window. Sebaliknya properti focus adalah untuk melakukan pengaturan focus pada window.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -