텍사 레아에서의 위치 기억하는 법?

Question

텍스트 영역의 마지막 위치를 항상 기억하고 싶지만 항상 실패합니다.

나는이 코드를 가지고 : 내가 작성하는 경우,

//This function catch the position 

(function ($, undefined) { 
    $.fn.getCursorPosition = function() { 
     var el = $(this).get(0); 
     var pos = 0; 
     if('selectionStart' in el) { 
      pos = el.selectionStart; 
     } else if('selection' in document) { 
      el.focus(); 
      var Sel = document.selection.createRange(); 
      var SelLength = document.selection.createRange().text.length; 
      Sel.moveStart('character', -el.value.length); 
      pos = Sel.text.length - SelLength; 
     } 
     return pos; 
    } 
})(jQuery); 

    //Insert the text by clicking an icon 

function insertar(texto) { 

    var div = $('textarea');  
    var text = div.val(); 
    var pos = div.getCursorPosition(); 
    text = text.substring(0,pos) + " " + texto + text.substring(pos); 
    div.val(text); 

} 

$('#icon').click(function(evt){ insertar(':icon:'); }); 

음을이 :

"안녕하세요 안녕하세요"

그리고 나는 기능이 추가하려면 :

"안녕하세요 안녕하세요 안녕하세요"

내게 :

"hi hello hello hi."

두 번째로 함수를 실행하면 위치를 잊어 버리고 텍스트의 끝에 텍스트를 추가한다고 생각합니다.

PD : 이미지를 클릭하면 텍스트가 추가됩니다. 나는 포럼을 위해 빠른 답장 fieldset을하려고 노력하고있다.

누구나 어디에서 문제가 발생했는지 알 수 있습니까? http://jsfiddle.net/ko295zpw/6/

Answer 1

하나의 옵션을 사용하면 커서 위치를 다시 찾을 필요가 있는지 여부를 결정하는 부울을 설정하는 것입니다, 다음마다 true로 부울을 재설정 : 여기

당신이 그것을 볼 수있는 내 데모입니다 사용자가 textarea을 클릭 한 후 처음으로 위치를 찾은 후 textarea을 클릭하고 false로 설정합니다. var pos과 bool의 선언을 insertar 함수 외부의 범위로 이동해야합니다. 그래서 :

var encontrarPos = true; 
var pos = 0; 
function insertar(texto) { 

    var div = $('textarea');  
    var text = div.val(); 
    if (encontrarPos) pos = div.getCursorPosition(); 
    encontrarPos = false; 
    console.log(pos); 
    text = text.substring(0,pos) + texto + " " + text.substring(pos); 
    div.val(text); 

} 

$('textarea').click(function() { 
    encontrarPos = true; 
}); 

을 그리고 여기 년대 Fiddle