मैं jQuery या CSS का उपयोग करके कई तत्वों को अचयनित कैसे कर सकता हूं?

Question

संभव डुप्लिकेट:
Is there a way to make a DIV unselectable?

मैं वहाँ बाहर समाधान के एक नंबर एक तत्व के लिए है कि काम को देखा है। हालांकि मेरे पास लेबल और बटन वाला क्षेत्र है। यह सिर्फ एक तत्व नहीं है यह DIV के भीतर हर तत्व है।

मैं DIV के भीतर कुछ भी शामिल कैसे कर सकता हूं? ध्यान दें कि मैं DIV पर मास्क लेयर नहीं डाल सकता क्योंकि DIV में बटन क्लिक करने में सक्षम होने की आवश्यकता है।

Answer 1

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

उस मामले में आप सीएसएस user-select संपत्ति का उपयोग कर चयन को निष्क्रिय करना चाहते। यदि नहीं, तो उपर्युक्त अन्य तरीकों से आसानी से सामान्यीकृत किया जा सकता है।

ऊपर केवल प्रत्यक्ष बच्चों का चयन करता है, सभी वंश को चुनने के लिए, .find() विधि का उपयोग करें:

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

या::

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

आप भी इस का उपयोग कर शुद्ध सीएसएस क्या कर सकते हैं

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

Answer 2

सीएसएस:

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> 

संदर्भ:

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

Answer 3

मालिकाना user-select सीएसएस रूपों inher हैं उन सभी ब्राउज़रों में इसका समर्थन किया जो उनका समर्थन करते हैं। इस उदाहरण देखें:

http://jsfiddle.net/yD7bM/

आपकी समस्या ब्राउज़रों कि इन सीएसएस गुण, अर्थात् ओपेरा और IE < = 9. का समर्थन नहीं करते है सौभाग्य से इन दोनों को एक विकल्प लागू: unselectable attribute। हालांकि, यह वह विशेषता है जो विरासत में नहीं है।

सबसे अच्छा समाधान है कि प्रत्येक तत्व पर unselectable="on" विशेषता डालें जो आपको HTML में अचयनित करने की आवश्यकता है (यानी यह सर्वर-साइड करें)। हालांकि, अगर यह कोई विकल्प नहीं है, तो आप इसे a recursive function का उपयोग करके जावास्क्रिप्ट का उपयोग करके कर सकते हैं।

आप jQuery उपयोग कर रहे हैं आप के साथ वर्ग "unselectable" और उसके वंश के सभी प्रत्येक तत्व को unselectable विशेषता जोड़ने के लिए कुछ इस तरह कर सकता है:

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

डेमो: http://jsbin.com/ulazic/2