Stil userSelect Özellik
Örnek
Bir <div> öğesinin metin seçimini engelle:
document.getElementById("myDiv").style.userSelect = "none";
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
userSelect özelliği, bir öğenin metninin seçilip seçilemeyeceğini ayarlar veya döndürür.
Bir metne çift tıklarsanız, seçilecektir/vurgulanacaktır. Bu özellik bunu önlemek için kullanılabilir.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Webkit, Moz veya O'nun ardından gelen sayılar, bir önekle çalışan ilk sürümü belirtir.
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 |
Sözdizimi
userSelect özelliğini döndürün:
object.style.userSelect
userSelect özelliğini ayarlayın:
object.style.userSelect = "auto|none|text|all"
Mülk değerleri
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 |
Teknik detaylar
Varsayılan değer: | Oto |
---|---|
Geri dönüş değeri: | Bir öğenin metninin seçilip seçilemeyeceğini temsil eden bir Dize |
CSS Sürümü | CSS3 |
Daha fazla örnek
Örnek
Bir öğenin "user-select" özelliğinin değerini alın:
document.getElementById("demo").style.userSelect;
İlgili Sayfalar
CSS referansı: kullanıcı seçim özelliği
❮ Stil Nesnesi