DIV Boleh Fokus Menggunakan Fungsi fokus() JavaScript
Walaupun fungsi fokus() biasanya beroperasi pada elemen borang seperti medan input atau butang, ia juga mungkin untuk menumpukan pada
Menetapkan Tabindex
<br><div id="tries" tabindex ="0">Anda mempunyai 3 percubaan lagi</div><br>
Indeks tab 0 meletakkan div dalam susunan tab semula jadi halaman. Nilai positif menentukan keutamaan tertentu dalam susunan tab. Sementara itu, nilai -1 menjadikan div boleh difokuskan hanya melalui skrip, bukan input pengguna.
Kod Contoh
<br>document.getElementById( 'test').onclick = function () {</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">document.getElementById('scripted').focus();
};
Skrip ini menunjukkan fokus tetapan kepada div dengan indeks tab -1 melalui acara yang dicetuskan pengguna.
Menggayakan DIV Fokus
Untuk menunjukkan fokus secara visual, CSS boleh digunakan:
div:focus {
background-color: Aqua;
}
Dengan melaksanakan teknik ini, anda boleh berjaya memfokus pada
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggunakan Fungsi fokus() JavaScript untuk Menjadikan DIV Boleh Difokuskan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!