यदि आप कर्सर पर कुछ सामग्री डालना चाहते हैं, तो इसकी स्थिति स्पष्ट रूप से खोजने की आवश्यकता नहीं है। निम्नलिखित समारोह सभी मुख्यधारा डेस्कटॉप ब्राउज़र में एक डोम नोड कर्सर स्थिति पर (तत्व या पाठ नोड) से जोड़ दिया जाएगा:
function insertNodeAtCursor(node) {
var range, html;
if (window.getSelection && window.getSelection().getRangeAt) {
range = window.getSelection().getRangeAt(0);
range.insertNode(node);
} else if (document.selection && document.selection.createRange) {
range = document.selection.createRange();
html = (node.nodeType == 3) ? node.data : node.outerHTML;
range.pasteHTML(html);
}
}
आप बल्कि एक HTML स्ट्रिंग डालने चाहते हैं:
function insertHtmlAtCursor(html) {
var range, node;
if (window.getSelection && window.getSelection().getRangeAt) {
range = window.getSelection().getRangeAt(0);
node = range.createContextualFragment(html);
range.insertNode(node);
} else if (document.selection && document.selection.createRange) {
document.selection.createRange().pasteHTML(html);
}
}
अद्यतन
ओपी की टिप्पणी के बाद, मैं अपने खुद के Rangy पुस्तकालय, जो आईई को TextRange उद्देश्य यह है कि एक डोम रेंज की तरह बर्ताव एक आवरण कहते हैं का उपयोग करें। एक DOM Range में प्रारंभ और अंत सीमा होती है, जिनमें से प्रत्येक नोड के संदर्भ में और उस नोड के भीतर ऑफसेट के रूप में व्यक्त की जाती है, और रेंज में हेरफेर करने के तरीकों का एक समूह होता है। MDC article कुछ परिचय प्रदान करना चाहिए।
स्रोत
2010-02-06 15:02:19
कर्सर की स्थिति या कैरेट की स्थिति? तो वास्तव में आपको निर्देशांक द्वारा कैरेट स्थिति खोजने की आवश्यकता है? –