खोज…
वाक्य - विन्यास
- चयन sel = window.getSelection ();
- चयन sel = document.getSelection (); // ऊपर के बराबर
- रेंज रेंज = document.createRange ();
- range.setStart (startNode, startOffset);
- range.setEnd (एंडनोड, एंडऑफसेट);
पैरामीटर
| पैरामीटर | विवरण |
|---|---|
| startOffset | नोड एक पाठ नोड है, तो यह की शुरुआत से वर्णों की संख्या है startNode जहां सीमा शुरू होती है। अन्यथा, यह की शुरुआत के बीच बच्चे नोड्स की संख्या है startNode जहां सीमा शुरू होती है। |
| endOffset | यदि नोड एक टेक्स्ट नोड है, तो यह शुरुआत की startNode से वर्णों की संख्या है जहां रेंज समाप्त होती है। अन्यथा, यह की शुरुआत के बीच बच्चे नोड्स की संख्या है startNode जहां सीमा छोर तक। |
टिप्पणियों
चयन एपीआई आपको दस्तावेज़ में चयनित (हाइलाइट) तत्वों और पाठ को देखने और बदलने की अनुमति देता है।
यह एक सिंगलटन Selection उदाहरण के रूप में लागू किया जाता है जो दस्तावेज़ पर लागू होता है, और Range ऑब्जेक्ट्स का एक संग्रह रखता है, प्रत्येक एक सन्निहित चयनित क्षेत्र का प्रतिनिधित्व करता है।
व्यावहारिक रूप से, मोज़िला फ़ायरफ़ॉक्स को छोड़कर कोई भी ब्राउज़र चयन में कई श्रेणियों का समर्थन नहीं करता है, और यह कल्पना द्वारा प्रोत्साहित नहीं किया जाता है। इसके अतिरिक्त, अधिकांश उपयोगकर्ता कई श्रेणियों की अवधारणा से परिचित नहीं हैं। जैसे, एक डेवलपर आमतौर पर केवल एक सीमा के साथ ही चिंता कर सकता है।
जो कुछ भी चुना गया है उसे अचयनित करें
let sel = document.getSelection();
sel.removeAllRanges();
किसी तत्व की सामग्री का चयन करें
let sel = document.getSelection();
let myNode = document.getElementById('element-to-select');
let range = document.createRange();
range.selectNodeContents(myNode);
sel.addRange(range);
पहले चयन की सभी सीमाओं को हटाना आवश्यक हो सकता है, क्योंकि अधिकांश ब्राउज़र कई श्रेणियों का समर्थन नहीं करते हैं।
चयन का पाठ प्राप्त करें
let sel = document.getSelection();
let text = sel.toString();
console.log(text); // logs what the user selected
वैकल्पिक रूप से, के बाद से toString सदस्य समारोह कुछ कार्यों द्वारा स्वचालित रूप से कहा जाता है जब एक स्ट्रिंग के लिए वस्तु परिवर्तित, आप हमेशा यह अपने आप कॉल करने के लिए नहीं है।
console.log(document.getSelection());