javascriptuncheck

Apabila menulis halaman web, anda sering menghadapi situasi di mana anda perlu mengawal pemilihan teks atau elemen lain dalam halaman. Dan JavaScript menyediakan beberapa kaedah untuk menyahtanda.

Kaedah pertama adalah untuk mengawal sama ada elemen boleh dipilih melalui atribut pilihan pengguna CSS. Atribut ini boleh mengambil nilai tiada, menunjukkan bahawa elemen tidak boleh dipilih. Kami boleh menukar nilai atribut pilihan pengguna bagi elemen melalui JavaScript untuk membatalkan pemilihan elemen. Contohnya, kod berikut:

document.querySelector('#myElement').style.webkitUserSelect = 'none';

Di sini, nilai atribut webkitUserSelect elemen dengan id "myElement" ditetapkan kepada 'tiada', dengan itu melarang elemen daripada dipilih.

Kaedah kedua ialah menyahpilih melalui objek pemilihan JavaScript. Objek pemilihan mewakili teks yang sedang dipilih pada halaman Kami boleh menyahpilihnya melalui kaedah removeAllRanges() objek. Seperti yang ditunjukkan dalam kod berikut:

var selection = window.getSelection();
selection.removeAllRanges();

Di sini anda mendapat objek teks yang sedang dipilih, dan kemudian panggil kaedah removeAllRanges() untuk menyahpilihnya.

Kaedah ketiga adalah untuk mengawal keadaan pemilihan halaman melalui kelas pseudo CSS ::-moz-selection. Kelas pseudo ini berkuat kuasa dalam pelayar Firefox. Kita boleh mencapai kesan nyahpilih dengan menetapkan warna dan warna latar belakang untuk kelas pseudo ini. Contohnya, kod berikut:

::-moz-selection {
  background: transparent;
  color: inherit;
}

Di sini, latar belakang ::-moz-selection ditetapkan kepada warna lutsinar dan warna teks diwarisi. Dengan cara ini, apabila teks dipilih, warna latar belakang teks yang dipilih akan menjadi telus, iaitu, ia akan kelihatan seolah-olah ia tidak dipilih.

Ringkasan:
JavaScript menyediakan pelbagai kaedah untuk membatalkan keadaan yang dipilih pada halaman Kita boleh memilih untuk menggunakan satu atau lebih kaedah ini mengikut keperluan sebenar. Kaedah terbaik ialah menggunakannya secara fleksibel mengikut keperluan sebenar untuk mencapai hasil yang terbaik.

Atas ialah kandungan terperinci javascriptuncheck. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!