Bolehkah Acara Kabur Mengenalpasti Elemen yang Mencetuskan Acara?

Menjejaki Penerima Fokus Elemen Selepas Acara Kabur

Masalah:

Pertimbangkan kotak input HTML dengan fungsi kabur yang dilampirkan. Adakah terdapat kaedah dalam fungsi ini untuk mengenal pasti elemen yang mencetuskan peristiwa kabur (iaitu, menerima fokus)?

Contoh:

<code class="html"><input id="myInput" onblur="function() { ... }"></code>

Jika rentang dengan ID "mySpan" diklik selepas elemen input mempunyai fokus, bagaimanakah fungsi kabur boleh menentukan bahawa mySpan yang difokuskan?

Penyelesaian:

Mengikut Spesifikasi Acara UI, sifat relatedTarget acara boleh digunakan:

Untuk Acara Kabur:

• relatedSasaran: Sasaran acara menerima fokus.

Contoh Kod:

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

[].forEach.call(document.querySelectorAll('input'), function(el) {
  el.addEventListener('blur', blurListener, false);
});</code>

Dalam contoh ini, unsur kabur akan bertukar jingga, manakala unsur yang difokuskan akan bertukar menjadi kapur.

Atas ialah kandungan terperinci Bolehkah Acara Kabur Mengenalpasti Elemen yang Mencetuskan Acara?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!