Bagaimanakah Saya Boleh Mengenalpasti Elemen DOM Yang Difokuskan Pada Masa Ini dalam JavaScript?

Mengenal pasti Elemen DOM Berfokus dalam JavaScript

Mengetahui elemen DOM yang mempunyai fokus adalah penting untuk meningkatkan pengalaman pengguna dan mengawal interaksi elemen. Dalam JavaScript, ini boleh dicapai menggunakan sifat document.activeElement.

Menggunakan document.activeElement

document.activeElement mewakili elemen yang sedang difokuskan dalam dokumen. Ia mengembalikan elemen yang mempunyai fokus aktif, seperti medan input, kawasan teks atau butang. Harta ini disokong oleh semua penyemak imbas utama.

Contoh:

const focusedElement = document.activeElement;
console.log("Focused element:", focusedElement.tagName);

Pendekatan Alternatif untuk Penyemak Imbas Lama

Dalam pelayar lama, tidak ada cara langsung untuk menentukan elemen yang difokuskan. Untuk mencontohi pengesanan ini, pengendali acara untuk "fokus" dan "kabur" boleh ditambahkan pada semua medan borang. Apabila medan mendapat fokus, rujukannya boleh disimpan dalam pembolehubah. Sebaliknya, apabila medan hilang fokus, pembolehubah boleh dikosongkan.

Kabur ActiveElement

Jika anda ingin mengalih keluar ActiveElement, anda boleh menggunakan kaedah blur() . Ini menukar activeElement kepada elemen badan.

document.activeElement.blur();

Sumber Tambahan

• [Keserasian Pelayar ActiveElement](https://developer.mozilla.org /en-US/docs/Web/API/Document/activeElement)
• [alternatif jQuery untuk document.activeElement](https://api.jquery.com/jQuery.fn.prop/)

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengenalpasti Elemen DOM Yang Difokuskan Pada Masa Ini dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!