Bagaimana Mengenalpasti Pemula Acara Kabur Menggunakan Harta Sasaran yang berkaitan?

Menentukan Elemen yang Memulakan Acara Kabur

Pernyataan Masalah:

Apabila kabur peristiwa berlaku pada elemen input HTML, bagaimanakah kita boleh memastikan ID elemen yang mencetuskan kehilangan fokus?

Jawapan:

Untuk mengenal pasti elemen yang mendorong acara kabur, kita boleh memanfaatkan sifat berkaitanSasaran acara tersebut. Sifat ini mewakili elemen sasaran yang menerima fokus berikutan kabur.

Sebagai contoh, pertimbangkan senario berikut:

<code class="html"><input id="myInput" onblur="onBlurEvent()" />
<span id="mySpan">Hello World</span></code>

Apabila anda kehilangan fokus daripada myInput dengan mengklik mySpan, onBlurEvent() fungsi akan dicetuskan. Untuk menentukan ID elemen yang menerima fokus (mySpan), kami boleh mengakses sifat relatedTarget dalam fungsi:

<code class="js">function onBlurEvent() {
  console.log(event.relatedTarget.id); // Output: "mySpan"
}</code>

Konteks Tambahan:

Teknik ini mencari aplikasi dalam senario di mana anda perlu menyekat kelakuan kabur lalai dan menghalang pelengkap auto daripada hilang jika elemen tertentu diklik. Untuk mencapai matlamat ini, anda boleh menyemak event.relatedTarget.id dalam fungsi onBlurEvent() dan mengabaikan acara kabur jika ia berasal daripada elemen yang dikehendaki.

Atas ialah kandungan terperinci Bagaimana Mengenalpasti Pemula Acara Kabur Menggunakan Harta Sasaran yang berkaitan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!