Bagaimanakah Saya Boleh Menggunakan Fungsi fokus() JavaScript untuk Menjadikan DIV Boleh Difokuskan?-tutorial js-php.cn

Bagaimanakah Saya Boleh Menggunakan Fungsi fokus() JavaScript untuk Menjadikan DIV Boleh Difokuskan?

Susan Sarandon

Lepaskan： 2024-11-05 02:58:02

asal

986 orang telah melayarinya

How Can I Use JavaScript's focus() Function to Make a DIV Focusable?

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

unsur. Untuk mencapai matlamat ini, menetapkan atribut tabindex kepada div adalah perlu.

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();

Salin selepas log masuk

};

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;

Salin selepas log masuk

}

Dengan melaksanakan teknik ini, anda boleh berjaya memfokus pada

elemen menggunakan fungsi fokus() JavaScript, meningkatkan kebolehcapaian dan pengalaman pengguna aplikasi web anda.

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!