एक टेक्स्टबॉक्स में सभी टेक्स्ट हाइलाइट करने के लिए jQuery का चयन करें (चयन करें)

Question

मेरे पास कुछ पाठ के साथ एक इनपुट टेक्स्ट बॉक्स है, ऑनक्लिक घटना मैं इस बॉक्स में मौजूद सभी टेक्स्ट को चुनने (हाइलाइट) करने के लिए जावास्क्रिप्ट फ़ंक्शन चलाने के लिए चाहता हूं, कैसे मैं jquery के साथ ऐसा कर सकते हैं?

Answer 1

आप this article पर एक नज़र हो सकता है:

मान लेते हैं कि हम निम्न पाठ इनपुट दो:

<input type="text" id="txtInput" /> 

ज्यादातर मामलों में, हम इस सुविधा हमारी वेबसाइट भर में सभी बक्सें के लिए उपलब्ध करना चाहते हैं, तो हम को संभालने के लिए एक समारोह बन जाएगा यह, और इसे आवश्यकतानुसार कॉल करें। अपेक्षित तर्क के साथ इस फ़ंक्शन को कॉल करने से टेक्स्ट की हाइलाइटिंग निष्पादित हो जाएगी।

function selectAllText(textbox) { 
textbox.focus(); 
textbox.select(); } 

आप यह मानते हुए DotNetNuke 5 के खिलाफ विकसित कर रहे हैं, या jQuery पहले से ही अपनी वेबसाइट में आयात किया है, प्रत्येक पाठ बॉक्स के लिए अपनी साइट में निम्न jQuery जोड़ें। (आप बक्सें की एक बहुत कुछ है, तो हम अलग तरीके से ऐसा कर सकता है, लेकिन वह एक अलग पोस्ट के लिए है।)

jQuery('#txtInput').click(function() { selectAllText(jQuery(this)) }); 

Answer 2

आप ऐसा कर सकते हैं:

$('input').click(function() { 
// the select() function on the DOM element will do what you want 
this.select(); 
}); 

बेशक

, तो आप इनपुट में एक मनमाना बिंदु का चयन करने के लिए तत्व पर क्लिक नहीं कर सकते, तो यह बजाय focus पर कि ईवेंट को सक्रिय करने के लिए बेहतर हो सकता है click

Quick Demo w/ click या w/ focus

Answer 3

jQuery के लिए कोई ज़रूरत नहीं, इस डोम के साथ आसान है और सभी मुख्यधारा ब्राउज़रों में काम करता है:

input.onfocus = function() { this.select(); }; 

आप jQuery के साथ क्या करना चाहिए है, वहाँ बहुत कम अंतर है:

$(input).focus(function() { this.select(); }); 

Answer 4

मैं जानता हूँ कि यह jQuery नहीं है, लेकिन एक की पूर्णता के लिए

onclick="this.select();" 

उदाहरण के लिए::

<input type="text" value="abc" onclick="this.select();"/> 

Answer 5

यह मेरे लिए सबसे अच्छा काम करता इस सवाल का nswers, आप पाठ इनपुट पर ही इस का उपयोग कर सकते हैं।

$('myTextbox').select(); 

Answer 6

कहाँ मैं आम तौर पर इस

$(document).ready(function() { 
    $('#myTextBox').focus(); 
    $('#myTextBox').select(); 
} 

पहले पाठ बॉक्स है कि मैं में भरा चाहते हैं के लिए

इस तरह है कि अगर मैं राज्य संरक्षण कर रहा हूँ है।; और यदि उपयोगकर्ता पृष्ठ पर बैकट्रैक करता है तो यह स्वचालित रूप से टाइपऑवर के लिए सभी को हाइलाइट करता है।

खोज बक्से जैसी चीजों के लिए उपयोगी तकनीक ...