Архивы input - Страница 2 из 2

Установка курсора в позицию поля 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, позиция курсора, установить

Установка атрибута readpnly в поле input при помощи Jquery

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

        <form id="myForm" class="well"  ENCTYPE="multipart/form-data" action="controller/saveimei.php" method="post" name="myForm" target="_self">
            <label>Название маячка</label>
            <input name="dvname" id="dvname" type="text" class="span12" placeholder="Как будем его называть?">
            <label>Его IMEI</label>
            <input name="imeicode" id="imeicode" type="text" class="span12" placeholder="IMEI код устройства">            
            <input name="modeedit" id="modeedit" type="hidden" value="add">            
            <p align="center">
            <button type="submit" class="btn">Сохранить</button>
            </p>
        </form>

<label>Название маячка</label>

<button type="submit" class="btn">Сохранить</button>

</p>

</form>

Переключение:

$("#imeicode").attr('readonly', true);
$("#imeicode").attr('readonly', false);

1 2	$("#imeicode").attr('readonly', true); $("#imeicode").attr('readonly', false);

Оставить комментарий input, Jquery, readonly

Пн	Вт	Ср	Чт	Пт	Сб	Вс
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