Cara Mengenalpasti Sasaran Acara Kabur dalam JavaScript

Mengenal pasti Sasaran Acara Kabur

Apabila medan input HTML hilang fokus kerana pengguna mengklik atau mengetepikan, 'kabur ' peristiwa dicetuskan. Jika anda ingin menentukan elemen yang menyebabkan kehilangan fokus ini, artikel ini membentangkan penyelesaian menggunakan sifat 'relatedTarget'.

Harta 'relatedTarget'

'relatedTarget' sifat peristiwa kabur merujuk kepada elemen yang mendapat tumpuan selepas elemen awal melepaskannya. Sifat ini berkesan menentukan elemen yang mencetuskan kabur.

Contoh Pelaksanaan

Pertimbangkan fungsi JavaScript berikut dilampirkan pada medan input:

<code class="javascript">function blurListener(event) {
  if (event.relatedTarget) {
    event.relatedTarget.className = 'focused';
  }
}</code>

Dalam skrip ini, apabila medan input hilang fokus, kod menyemak sama ada terdapat 'relatedTarget'. Jika ya, kelas 'fokus' digunakan padanya, menyerlahkan elemen yang mendapat tumpuan.

Atas ialah kandungan terperinci Cara Mengenalpasti Sasaran Acara Kabur dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!