JQuery veya CSS kullanarak MANY öğelerini nasıl seçilemez hale getirebilirim?

Question

Olası Çoğalt:
Is there a way to make a DIV unselectable?

Oraya çok sayıda çözüm bir eleman için bu iş gördük. Ancak etiketler ve düğmeler içeren bir alanım var. Bu sadece bir öğe değil, DIV içinde her eleman.

İçinde DIV imkansız olan herhangi bir şeyi nasıl yapabilirim? DIVDIV üzerinde bir maske katmanı yapamayacağımı unutmayın. durumda bulunuyor

Answer 1

$(".yourdiv").children().css({userSelect: 'none'}); 

CSS user-select özelliğini kullanarak seçimini devre dışı bırakmak istiyor. Değilse, yukarıdaki diğer yöntemlere kolayca genelleştirilebilir.

yukarıda sadece .find() yöntemi kullanmak, tüm kökenini seçmek için, doğrudan çocukları seçer:

.yourdiv * { /*this selects all elements that are children of yourdiv*/ 
    /*user-select: none rules*/ 
} 

Veya:

$(".yourdiv").find("*").css({userSelect: 'none'}); 

Ayrıca bu kullanarak saf CSS yapabilirsiniz

.yourdiv > * { /*this selects all elements that are direct descendants of yourdiv*/ 
    /*user-select: none rules*/ 
} 

Answer 2

CSS:

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

HTML:

<div id="foo" class="unselectable">...</div> 

Referans:

• Is there a way to make a DIV unselectable?
• Disabling Selection in jQuery

Answer 3

tescilli user-select CSS varyasyonları inher vardır Onları destekleyen tüm tarayıcılarda itildi. Bu örneğe bakın:

http://jsfiddle.net/yD7bM/

Senin sorunun bu CSS özelliklerini, yani Opera ve IE < = 9. desteklemeyen tarayıcılar olduğu Happily Bunların ikisi de bir alternatif uygulamak: unselectable attribute. Ancak, miras alınmayan bu özelliktir.

En iyi çözüm, HTML'de ayırt edilemez olmasını istediğiniz (ör. Sunucu tarafı) her öğeye bir unselectable="on" özniteliği eklemektir. Ancak, bu bir seçenek değilse, a recursive function'u kullanarak JavaScript'i kullanarak bunu yapabilirsiniz.jQuery kullanıyorsanız

sınıf "unselectable" ve onun tüm soyu ile her elemana unselectable niteliğini eklemek için böyle bir şey yapabileceğini:

$(".unselectable").find("*").andSelf().attr("unselectable", "on"); 

Demo: http://jsbin.com/ulazic/2