setSelectionRangeはブラウザ間で同じように動作しませんか？

Question

私は別の質問でこれを見つけた：それは8番目の文字と12文字の間にテキスト領域からテキストを選択する必要があり

setCaretToPos = function(input, selectionStart, selectionEnd){ 
     if(input.setSelectionRange){ 
     input.focus(); 
     input.setSelectionRange(selectionStart, selectionEnd); 

     }else if(input.createTextRange){ 
     var range = input.createTextRange(); 
     range.collapse(true); 
     range.moveEnd('character', selectionEnd); 
     range.moveStart('character', selectionStart); 
     range.select(); 
     } 
    }; 

setCaretToPos(8, 12); 

。

FirefoxとChromeでは動作しますが、Operaでは誤った選択をします。オフセットが2文字遅れる

何が問題なのですか？

---

テキストに改行文字が含まれていない場合は、選択が正しいため、新しい行： \nと関係があるようです。

Answer 1

改行は、OperaとIEのテキストエリアに2文字（CRLF、または\r\n）、他のブラウザには1文字（\n）です。あなたはそれを調整する必要があります。ここには、すべてのブラウザで改行を1文字として扱う機能があります。

ライブデモ：http://jsfiddle.net/DqtVK/1/

コード：私はそれを参照してください

function adjustOffset(el, offset) { 
    var val = el.value, newOffset = offset; 
    if (val.indexOf("\r\n") > -1) { 
     var matches = val.replace(/\r\n/g, "\n").slice(0, offset).match(/\n/g); 
     newOffset += matches ? matches.length : 0; 
    } 
    return newOffset; 
} 

var setCaretToPos = function(input, selectionStart, selectionEnd){ 
    input.focus(); 
    if(input.setSelectionRange){ 
    selectionStart = adjustOffset(input, selectionStart); 
    selectionEnd = adjustOffset(input, selectionEnd); 
    input.setSelectionRange(selectionStart, selectionEnd); 

    }else if(input.createTextRange){ 
    var range = input.createTextRange(); 
    range.collapse(true); 
    range.moveEnd('character', selectionEnd); 
    range.moveStart('character', selectionStart); 
    range.select(); 
    } 
};