1

如果我有

var range = document.body.createTextRange();

我range.select();在 Internet Explorer 中调用，与其他浏览器（Firefox、Chrome、Opera）中的范围选择方法等效的是什么？在创建范围对象并将其添加到当前选择后，我正在寻找使我的插入符号在 contenteditable div 中可见的东西。

谢谢！

稍后编辑：我需要这个，因为我试图让我的应用程序在所有浏览器上运行，并且我需要将插入符号放置在 contenteditable div 中，就在用户从弹出窗口中选择的文本之后。到目前为止，我的应用程序在 IE 上运行，但我还需要让它在 Opera、Firefox 和 Chrome 上运行。我在 IE 上放置插入符号的 Javascript 代码如下所示：

 function setCaretPos()
 {
    if (document.selection) 
    {
       /* IE */
       var range = document.body.createTextRange();
       range.moveToElementText(editableDiv);
       var insertedSpan = document.getElementById('span' + count);
       var preCaretRange = document.body.createTextRange();
       preCaretRange.moveToElementText(insertedSpan);
       preCaretRange.moveEnd("character", 2);
       range.setEndPoint("EndToEnd", preCaretRange);
       range.collapse(false);
       range.select();
    }
    else
    {
     if (window.getSelection) {
     /* Firefox, Opera, Chrome */
     var sel = window.getSelection();
     if(sel.rangeCount)
     {
        var range = sel.getRangeAt(0);
        var insertedSpan = document.getElementById('span' + count);
        range.selectNodeContents(insertedSpan);
        range.collapse(false);
        sel.removeAllRanges();
        sel.addRange(range);
       }
     }
 }

使用上面的代码，跨度内的文本被选中，但我的问题是插入跨度后插入符号没有显示，它只是消失了。

任何建议都非常感谢。谢谢！

4

1 回答 1

2

其他浏览器中的等价物是通过Selection对象：

var range = document.createRange();
var selection = window.getSelection();
selection.removeAllRanges();
selection.addRange(range);
于 2013-02-04T15:31:06.773 回答