Bagaimana untuk melumpuhkan pemilihan teks dalam html

Dalam HTML, anda boleh menggunakan atribut pilihan pengguna untuk melarang pemilihan teks Anda hanya perlu menambahkan gaya "pilih pengguna: tiada;" pada elemen pilihan pengguna tetapkan sama ada pengguna boleh memilih Teks, apabila nilai "tiada" teks tidak boleh dipilih.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Larang teks daripada dipilih dalam html

user-select: none |text| all | element;

Nilai:

• tiada:Teks tidak boleh dipilih

• teks:Teks boleh dipilih

• semua :Boleh dipilih apabila semua kandungan secara keseluruhan. Jika anda mengklik dua kali atau mengklik secara kontekstual pada elemen kanak-kanak, bahagian yang dipilih akan menjadi elemen moyang tertinggi yang menjejak kembali daripada elemen kanak-kanak itu.

• elemen:Teks boleh dipilih, tetapi julat pemilihan dikekang oleh sempadan elemen

Penerangan:

1 IE6-9 tidak menyokong atribut ini, tetapi menyokong menggunakan atribut tag onselectstart="return false;" untuk mencapai kesan user-select:none; Chrome juga menyokong atribut tag ini;

2 Atribut ini masih tidak disokong sehingga Opera 12.5, tetapi seperti IE6-9, ia juga menyokong penggunaan atribut tag peribadi unselectable="on" untuk. mencapai kesan user-select:none; tidak boleh dipilih Nilai lain dimatikan; untuk mula memilih teks dalam blok teks. Walau bagaimanapun, jika pengguna mula memilih teks di kawasan lain halaman, pengguna masih boleh terus memilih teks kawasan dengan teks ditetapkan kepada

4 Ciri skrip yang sepadan penggunaPilih

. -ms-user-select:none;-ms-user-select:none;

html

Tutorial disyorkan: "

tutorial video html"

Atas ialah kandungan terperinci Bagaimana untuk melumpuhkan pemilihan teks dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!