हां, JavaScript में select() मेथड का उपयोग करके टेक्स्ट बॉक्स (इनपुट फ़ील्ड) का टेक्स्ट प्रोग्रामेटिकली सेलेक्ट कर सकते हैं।
बुनियादी उदाहरण
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>टेक्स्ट बॉक्स सेलेक्ट करें</title>
</head>
<body>
<label>अपना नाम दर्ज करें: </label>
<input type="text" id="txtName" value="John">
<br><br>
<button type="button" onclick="selectTextBox()">टेक्स्ट बॉक्स सेलेक्ट करें</button>
<script>
function selectTextBox() {
// एलिमेंट प्राप्त करें और select() कॉल करें
document.getElementById("txtName").select();
}
</script>
</body>
</html>चलाने का तरीका
फ़ाइल को select-text.html नाम से सेव करें और ब्राउज़र में खोलें। बटन क्लिक करने पर टेक्स्ट बॉक्स का कंटेंट हाईलाइट हो जाएगा।
उन्नत उपयोग: फोकस के साथ सेलेक्ट
function selectAndFocus() {
var input = document.getElementById("txtName");
input.focus(); // फोकस दें
input.select(); // टेक्स्ट सेलेक्ट करें
}
// या एक लाइन में
document.getElementById("txtName").focus();
document.getElementById("txtName").select();व्यावहारिक उदाहरण: कॉपी बटन
<input type="text" id="copyInput" value="कॉपी करने योग्य टेक्स्ट" readonly>
<button onclick="copyText()">कॉपी करें</button>
<script>
function copyText() {
var input = document.getElementById("copyInput");
input.select();
document.execCommand("copy"); // डिप्रिकेटेड लेकिन व्यापक रूप से समर्थित
// मॉडर्न तरीका (Clipboard API)
navigator.clipboard.writeText(input.value).then(() => {
console.log("कॉपी किया गया!");
});
}
</script>महत्वपूर्ण नोट्स
select()केवल<input>और<textarea>पर काम करता है- एलिमेंट को फोकस में होना चाहिए या
focus()पहले कॉल करें - मोबाइल ब्राउज़र्स में व्यवहार भिन्न हो सकता है
