क्या मैं उपयोगकर्ता को टेक्स्ट फॉर्म इनपुट में चयनित टेक्स्ट पुनर्प्राप्त कर सकता हूं?

Question

मैं उपयोगकर्ता द्वारा चुने गए इनपुट स्ट्रिंग का केवल चयनित भाग प्राप्त करने का प्रयास कर रहा हूं। मान लीजिए कि मैं इस इनपुट दो:

<input type="text" name="first_name" id="first_name" value="Enter your name" /> 

और उपयोगकर्ता क्लिक करके और पाठ क्षेत्र में खींचकर दर्ज करें "" शब्द का चयन करता है। क्या मैं उस पाठ को jQuery के साथ पुनर्प्राप्त कर सकता हूं?

मैं जानता हूँ कि मैं पूरी मूल्य इस तरह से प्राप्त कर सकते हैं:

$("#first_name").val(); 

लेकिन अब तक, मैं वैसे भी केवल चयनित "Enter" हिस्सा पाने के लिए नहीं मिला। कोई भी मुझे सही दिशा में इंगित करने में सक्षम है? धन्यवाद!

संपादित

मैं document.getSelection की कोशिश की और यह इस तरह के एक "पी" के रूप में एक स्थिर पाठ तत्व पर फ़ायरफ़ॉक्स में महान काम कर रहा है। यह टेक्स्ट इनपुट पर अब तक मेरे लिए काम नहीं कर रहा है।

आईई में, window.selection.createRange()। टेक्स्ट "पी" और टेक्स्ट इनपुट दोनों पर काम कर रहा है।

Answer 1

:

$(document).ready(function(){ 
    $("#first_name").focus(function() { 
     $(this).val(""); 
    }); 
}​);​ 

एक उदाहरण देखें

ठीक है यहाँ अंतिम जवाब है। ऐसा लगता है कि जब हम इनपुट या टेक्स्टरेरा के साथ काम कर रहे हैं तो चयन चयन() के बजाय चयन स्टार्ट और चयन अंत का उपयोग करना होगा। यहाँ अपने परीक्षण कोड है:

$(".name").mouseup(function() 
{ 
    var selected_text = ""; 
    if (window.getSelection) // Firefox 
    { 
     var text = $(this).val(); 
     selected_text = text.substring(document.activeElement.selectionStart, document.activeElement.selectionEnd); 
    } 
    else // IE 
    { 
     selected_text = document.selection.createRange().text; 
    } 
    alert(selected_text); 
}); 

और मेरे एचटीएमएल बस है:

<input type="text" name="name" class="name" value="Enter your name" /> 

तो मैं अंत में यह मिल गया। हर किसी के इनपुट के लिए धन्यवाद!

Answer 2

This मदद कर सकता है। आपको .select() फ़ंक्शन का उपयोग करने की आवश्यकता होगी।

Answer 3

आप नियमित जावास्क्रिप्ट प्रतिस्थापन विधि का उपयोग कर सकते हैं।

$("#first_name").val().replace("Enter your name", "") 

एक उदाहरण देखें: http://jsfiddle.net/gezDF/

हालांकि, एक और विकल्प उपयोगकर्ता क्षेत्र में प्रवेश किया जब पाठ दूर करने के लिए हो सकता है। यह निम्नलिखित की तरह कुछ के साथ किया जा सकता है: http://jsfiddle.net/JNmAF/

Answer 4

और इस का उपयोग कर jQuery के चुनिंदा समारोह ऐसा करने में सक्षम होना चाहिए document.getSelection

http://www.devguru.com/Technologies/ecmascript/quickref/doc_getselection.html http://api.jquery.com/select/