Gaya penggunaPilih Properti
Contoh
Cegah pemilihan teks dari elemen <div>:
document.getElementById("myDiv").style.userSelect = "none";
Lebih banyak contoh "Coba Sendiri" di bawah ini.
Definisi dan Penggunaan
Properti userSelect menetapkan atau mengembalikan apakah teks suatu elemen dapat dipilih atau tidak.
Jika Anda mengklik dua kali pada beberapa teks, itu akan dipilih/disorot. Properti ini dapat digunakan untuk mencegah hal ini.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Angka yang diikuti oleh Webkit, Moz, atau O menentukan versi pertama yang berfungsi dengan awalan.
Property | |||||
---|---|---|---|---|---|
userSelect | 54.0 6.0 Webkit |
79.0 10.0 ms |
69.0 2.0 Moz |
3.1 Webkit | 41.0 15.0 Webkit |
Sintaksis
Kembalikan properti userSelect:
object.style.userSelect
Setel properti userSelect:
object.style.userSelect = "auto|none|text|all"
Nilai properti
Parameter | Description |
---|---|
auto | Default. Text can be selected according to the browser's default settings |
none | Prevent text selection |
text | The text can be selected by the user |
all | Text selection is made with one click instead of a double-click |
Detail Teknis
Nilai Bawaan: | mobil |
---|---|
Nilai Kembali: | Sebuah String, mewakili apakah teks suatu elemen dapat dipilih |
Versi CSS | CSS3 |
Lebih Banyak Contoh
Contoh
Dapatkan nilai properti "pilihan pengguna" dari suatu elemen:
document.getElementById("demo").style.userSelect;
Halaman Terkait
Referensi CSS: properti pilihan pengguna
Objek Gaya