Menentukan Elemen dengan Fokus dalam JavaScript
Mencari elemen DOM yang mempunyai fokus pada masa ini boleh menjadi tugas yang berguna untuk pelbagai interaksi antara muka pengguna.
document.activeElement
Penyelesaian untuk ini masalah terletak pada dokumen.activeElement property. Ia memberikan rujukan kepada elemen DOM yang memegang fokus. Sifat ini disokong merentas penyemak imbas moden, menjadikannya penyelesaian yang boleh dipercayai untuk projek JavaScript.
Pelaksanaan
Untuk menggunakan document.activeElement dalam amalan, anda boleh mendapatkan semula elemen fokus seperti ini:
const focusedElement = document.activeElement;
Ini akan memberi anda rujukan kepada elemen yang difokuskan pada masa ini, membolehkan anda memanipulasinya atau melakukan sebarang operasi yang diperlukan.
Pertimbangan Tambahan
Dalam penyemak imbas lama, mengesan medan borang yang mempunyai fokus bukanlah mudah. Sebagai penyelesaian, anda boleh menetapkan pengendali acara "fokus" dan "kabur" kepada semua medan, menjejak elemen fokus terakhir dalam pembolehubah. Pengendali "kabur" akan mengosongkan pembolehubah ini apabila hilang fokus.
Mengaburkan Elemen Aktif
Setelah anda mempunyai rujukan kepada elemen aktif, anda boleh menggunakan kabur kaedah untuk mengeluarkan fokus daripadanya. Ini berguna apabila anda perlu mengalihkan fokus secara pemrograman kepada elemen lain:
document.activeElement.blur();
Ini akan memindahkan fokus kembali kepada elemen badan.
Sumber Berkaitan
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menentukan Elemen DOM Yang Difokuskan Pada Masa Ini dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!