टेक्स्टरेरा

Question

में टेक्स्ट चयन अक्षम करें मुझे उपयोगकर्ताओं को टेक्स्टरेरा में टेक्स्ट चुनने से रोकने के लिए एक तरीका खोजने की आवश्यकता है। लक्ष्य एक कस्टम कीबोर्ड बनाना है जिसका उपयोग टेक्स्टरेरा में टेक्स्ट दर्ज करने के लिए किया जाता है। मैं चाहता हूं कि उपयोगकर्ता कैरेट स्थिति सेट करने के लिए टेक्स्टरेरा पर क्लिक कर सकें (जो अभी पहले से ही काम कर रहा है)। हालांकि, मैं नहीं चाहता कि उपयोगकर्ता सम्मिलित पाठ के कुछ हिस्सों का चयन करने में सक्षम हों, या कम से कम इस पर कोई संकेत संकेत नहीं होना चाहिए। मैंने पहले से ही कुछ सीएसएस की कोशिश की है, जैसे कि निम्नलिखित सीएसएस, लेकिन सफलता के बिना।

textarea { 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    user-select: none; 
} 

समाधान सीएसएस और/या जावास्क्रिप्ट में हो सकता है, और इसे केवल Google क्रोम में काम करना है। धन्यवाद!

अद्यतन:

पाठ क्षेत्र मेरे लिए काम नहीं करेगा अक्षम करना। जैसा कि मैंने उल्लेख किया है, मैं चाहता हूं कि उपयोगकर्ता स्थान पर क्लिक करके कुछ स्थितियों पर देखभाल करने में सक्षम हों। अगर मैं textarea को अक्षम कर दूंगा, तो यह कार्यक्षमता खो जाएगी।

@OPUS: वह समाधान textareas के साथ काम नहीं करता है। @andi: यह सही है @ पॉइंट: कीबोर्ड ईवेंट अवरुद्ध किए जा सकते हैं। उपयोगकर्ताओं को अपने कीबोर्ड के साथ टेक्स्ट दर्ज करने की आवश्यकता नहीं है, लेकिन एक कस्टम कीबोर्ड के साथ जो मैं पृष्ठ पर पेश करता हूं। इसे ऑन-स्क्रीन कीबोर्ड से तुलना करें। @downvoters: इस प्रश्न के बारे में इतना बुरा क्या है?

Answer 1

<textarea unselectable="on" id="my_textarea"></textarea> 

    *.unselectable { 
    -webkit-user-select: none; 
    } 

Answer 2

आप जावास्क्रिप्ट के साथ उसे निष्क्रिय कर सकते हैं:

document.getElementById("textarea").disable='true'; 

Answer 3

<textarea disabled="readonly"></textarea> 

परीक्षण किया यह काम कर रहा है।

Answer 4

"केवल पढ़ने योग्य" संपत्ति और "उपयोगकर्ता-चयन" संपत्ति का संयोजन काम करता है।

दूसरा नियम चयन पर हाइलाइट की गई सीमा को अक्षम करता है, जो एक प्रकार का दृश्य चयन है।

"अचयनित" संपत्ति ओपेरा/आईई विशिष्ट प्रतीत होती है।

शैलियों:

.noselect { 
    cursor: default; 
    -webkit-user-select: none; 
    -webkit-touch-callout: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    -o-user-select: none; 
} 

.noselect:focus { 
    outline: none; 
} 

मार्कअप:

<textarea class="noselect" readonly="readonly" unselectable="on"></textarea> 

केवल पढ़ने के लिए विकलांग की तुलना में अधिक उपयुक्त (एक अभी भी, जे एस के साथ बदल सकते हैं क्लिक करें घटना पर) हो सकता है।

Answer 5

या आप केवल पाठ क्षेत्र में विकलांग डाल सकते हैं = "अक्षम", इस तरह:

<textarea disabled="disabled"></textarea>

Answer 6

कोड नीचे आप मदद कर सकते हैं

जे एस कोड:

$(document).ready(function(){ 
    $('#txtInput').bind("cut copy paste",function(e) { 
     e.preventDefault(); 
    }); 
});