Bagaimana untuk Mencegah Pemilihan Teks Di Dalam Elemen DIV?

Menghalang Pemilihan Teks dalam Elemen DIV

Dalam senario tertentu, menjadi penting untuk memastikan bahawa teks khusus dalam elemen DIV kekal tidak boleh dipilih oleh pengguna. Sebagai contoh, anda mungkin menghadapi situasi di mana teks yang besar dan lut sinar menindih kawasan teks berfungsi sebagai tera air. Walaupun estetika mungkin menggembirakan, pemilihan teks ini yang tidak disengajakan boleh menimbulkan halangan.

Ketidakberkesanan Indeks-Z

Pada mulanya, seseorang mungkin menganggap bahawa memanipulasi indeks-z harta akan menyelesaikan masalah ini. Dengan memberikan nilai indeks z yang lebih rendah kepada teks tera air, ia secara teorinya akan dipaparkan di bawah kawasan teks indeks-z yang lebih tinggi. Walau bagaimanapun, penyemak imbas mengabaikan lapisan indeks-z apabila menentukan kebolehpilihan teks.

Penyelesaian CSS

Untuk mencapai gelagat yang diingini, CSS menawarkan penyelesaian yang mudah:

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

Kod komprehensif ini memenuhi keperluan berbilang penyemak imbas, dengan berkesan melumpuhkan pemilihan teks dalam elemen DIV dengan kelas "tera air."

Sambungan jQuery

Sebagai alternatif, jika anda lebih suka pendekatan berasaskan jQuery, pertimbangkan untuk menggunakan sambungan berikut:

$('.watermark').disableSelection();

Sambungan ini secara jelas menghalang pemilihan dalam elemen DIV yang ditentukan.

Melaksanakan salah satu daripada kaedah ini akan memastikan bahawa teks tera air kekal tidak boleh dipilih, meningkatkan pengalaman pengguna dan menghalang pengubahsuaian teks yang tidak diingini.

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