Как использовать фокус в jquery?

Question

У меня есть сценарий, где я могу просто нажать на div и добавить информацию в текстовое поле. Это работает, однако курсор всегда находится в начале введенной мной информации.

<div id="click">Click to insert</div> 
<textarea id="info">I want to</textarea> 

здесь является JQuery:

<script> 
    $(document).ready(function(){ 
     $('#click').on('click',function(){ 
      var i=$('#info').val(); 
      var n="Insert this";//information to be inserted 
      $('#info').val(i + n).focus(); 
     }); 
    }); 
</script> 

Теперь вся вещь следует читать Я хочу, чтобы вставить этот затем курсором. Вместо этого курсор находится посередине, как это Я хочу [курсор] вставить это. Есть ли способ, которым я могу сосредоточить курсор в конце содержимого в полях?

Answer 1

Попробуйте это один JSFiddle http://jsfiddle.net/adiioo7/2D9Td/: -

$(document).ready(function() { 
    $('#click').on('click', function() { 
     var i = $('#info').val(); 
     var n = "Insert this"; //information to be inserted 
     $('#info').focus().val(i + n); 
    }); 
}); 

Просто изменил последовательность фокуса и Вэл в последнем Js вызова.

Answer 2

Как насчет плагина jQuery?

$.fn.setCaretToEnd = function() { 
    return this.each(function() { 
     if (this.setSelectionRange) { 
      this.focus(); 
      this.setSelectionRange(this.value.length, this.value.length); 
     } else if (this.createTextRange) { 
      var range = this.createTextRange(); 
      range.collapse(true); 
      range.moveEnd('character', this.value.length); 
      range.moveStart('character', this.value.length); 
      range.select(); 
     } 
    }); 
}; 

$(document).ready(function() { 
    $('#click').on('click', function() { 
     var i = $('#info').val(); 
     var n = "Insert this"; 

     $('#info').val(i + n).focus().setCaretToEnd(); 
    }); 
}); 

FIDDLE