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
Lepaskan: 2024-11-28 02:31:11
asal
415 orang telah melayarinya

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();
Salin selepas log masuk

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;
}
Salin selepas log masuk

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 Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan