栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

Javascript Contenteditable-将Cursor / Caret设置为索引

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Javascript Contenteditable-将Cursor / Caret设置为索引

这是从HTML中选择后持久保留范围对象的更改而来的一个答案。请记住,这在几个方面都不是完美的(就像使用相同方法的MaxArt一样):首先,仅考虑文本节点,这意味着

<br>
索引所隐含的换行符和块元素不包括在索引中;其次,考虑所有文本节点,甚至是那些被CSS隐藏的内部
<script>
元素或内部元素。第三,连续折叠在页面上的空白字符都包含在索引中;最后,IE<= 8的规则再次有所不同,因为它使用了不同的机制。

var setSelectionByCharacterOffsets = null;if (window.getSelection && document.createRange) {    setSelectionByCharacterOffsets = function(containerEl, start, end) {        var charIndex = 0, range = document.createRange();        range.setStart(containerEl, 0);        range.collapse(true);        var nodeStack = [containerEl], node, foundStart = false, stop = false;        while (!stop && (node = nodeStack.pop())) { if (node.nodeType == 3) {     var nextCharIndex = charIndex + node.length;     if (!foundStart && start >= charIndex && start <= nextCharIndex) {         range.setStart(node, start - charIndex);         foundStart = true;     }     if (foundStart && end >= charIndex && end <= nextCharIndex) {         range.setEnd(node, end - charIndex);         stop = true;     }     charIndex = nextCharIndex; } else {     var i = node.childNodes.length;     while (i--) {         nodeStack.push(node.childNodes[i]);     } }        }        var sel = window.getSelection();        sel.removeAllRanges();        sel.addRange(range);    }} else if (document.selection) {    setSelectionByCharacterOffsets = function(containerEl, start, end) {        var textRange = document.body.createTextRange();        textRange.moveToElementText(containerEl);        textRange.collapse(true);        textRange.moveEnd("character", end);        textRange.moveStart("character", start);        textRange.select();    };}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/442294.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号