Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Mencegah Pemilihan Teks dalam DIV Bertindih, Telus?

Bagaimana untuk Mencegah Pemilihan Teks dalam DIV Bertindih, Telus?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-28 02:31:11347semak imbas

How to Prevent Text Selection within an Overlapping, Transparent DIV?

Selektiviti Elemen Mengawal: Menjadikan DIV Tidak Boleh Dipilih

Penerangan Isu

Apabila DIV lutsinar menindih teks dalam kawasan teks sebagai tera air, tera air mungkin boleh dipilih secara tidak sengaja apabila pengguna mengklik pada textarea. Matlamatnya adalah untuk menghalang teks tera air daripada boleh dipilih, walaupun kedudukannya lebih rendah dalam indeks-z.

Resolusi

Pelanjutan jQuery:

Benamkan sambungan jQuery disableSelection ke dalam anda kod:

$('.button').disableSelection();

Alternatif CSS (Pelayar Silang):

Gunakan sifat CSS berikut pada DIV sasaran:

.button {
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}

Sifat ini melumpuhkan pemilihan pengguna untuk elemen DIV yang ditentukan merentas pelbagai penyemak imbas.

Atas ialah kandungan terperinci Bagaimana untuk Mencegah Pemilihan Teks dalam DIV Bertindih, Telus?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn