Архивы textarea

Установка курсора в позицию поля input или textarea на JavaScript

12.12.2017 Павел Грибов WEB

Кроссплатформенное решение, не требующее Jquery:

function getCaretPosition(ctrl) {
    if (document.selection) {
        ctrl.focus();
        var range = document.selection.createRange();
        var rangelen = range.text.length;
        range.moveStart('character', -ctrl.value.length);
        var start = range.text.length - rangelen;
        return {
            'start': start,
            'end': start + rangelen
        };
    } else if (ctrl.selectionStart || ctrl.selectionStart == '0') {
        return {
            'start': ctrl.selectionStart,
            'end': ctrl.selectionEnd
        };
    } else {
        return {
            'start': 0,
            'end': 0
        };
    }
}


function setCaretPosition(ctrl, start, end) {
    if (ctrl.setSelectionRange) {
        ctrl.focus();
        ctrl.setSelectionRange(start, end);
    } else if (ctrl.createTextRange) {
        var range = ctrl.createTextRange();
        range.collapse(true);
        range.moveEnd('character', end);
        range.moveStart('character', start);
        range.select();
    }
};

function getCaretPosition(ctrl) {

if (document.selection) {

ctrl.focus();

var range = document.selection.createRange();

var rangelen = range.text.length;

range.moveStart('character', -ctrl.value.length);

var start = range.text.length - rangelen;

return {

'start': start,

'end': start + rangelen

};

} else if (ctrl.selectionStart || ctrl.selectionStart == '0') {

return {

'start': ctrl.selectionStart,

'end': ctrl.selectionEnd

};

} else {

return {

'start': 0,

'end': 0

};

}

function setCaretPosition(ctrl, start, end) {

if (ctrl.setSelectionRange) {

ctrl.focus();

ctrl.setSelectionRange(start, end);

} else if (ctrl.createTextRange) {

var range = ctrl.createTextRange();

range.collapse(true);

range.moveEnd('character', end);

range.moveStart('character', start);

range.select();

}

};

Использование:

//прочитаем позицию с выделеним
outpz = getCaretPosition(document.getElementById('summpayme'));
//установим позицию с выделением
setCaretPosition(document.getElementById('summpayme'),outpz.start, outpz.end);

//прочитаем позицию с выделеним

outpz = getCaretPosition(document.getElementById('summpayme'));

//установим позицию с выделением

setCaretPosition(document.getElementById('summpayme'),outpz.start, outpz.end);

Оставить комментарий input, javascript, textarea, позиция курсора, установить

Курсор в конец textarea

17.06.2015 Павел Грибов WEB

Например у вас в textarea длинный текст. Вам необходимо отобразить конце скролла.

<?php
echo "<textarea name='ttx' id='ttx' class='span12' rows=20>";
echo "$code";
echo "</textarea>";
?>

<script>
jQuery.fn.putCursorAtEnd = function() {
  return this.each(function() {
    $(this).focus()
    if (this.setSelectionRange) {
      var len = $(this).val().length * 2;
      this.setSelectionRange(len, len);   
    } else {
      $(this).val($(this).val());      
    }
    this.scrollTop = 999999;
  });

};
    $("#ttx").putCursorAtEnd(); 
 </script>

<?php

echo "<textarea name='ttx' id='ttx' class='span12' rows=20>";

echo "$code";

echo "</textarea>";

jQuery.fn.putCursorAtEnd = function() {

return this.each(function() {

$(this).focus()

if (this.setSelectionRange) {

var len = $(this).val().length * 2;

this.setSelectionRange(len, len);

} else {

$(this).val($(this).val());

}

this.scrollTop = 999999;

});

};

$("#ttx").putCursorAtEnd();

</script>

Оставить комментарий javascript, Jquery, textarea, в конец поля

Пн	Вт	Ср	Чт	Пт	Сб	Вс
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30