how to move the text in input using js

Question

I just use js to set an text input's value. But when the text is longer than input can hold, the excess text is hidden in the right part of the input. How can I hide the excess text in left area just like the normal typing? Forgive my poor english.

Why do you want to hide it from left side? It's supposed to hide automatically on value change. Maybe you've got select() or focus()? Can you show your code? — IlyaDoroshin
– IlyaDoroshin, Commented May 14, 2013 at 6:01
I think I understand what he’s asking, and can provide an example. When he sets the value of a text field to “abc[…]xyz” with JS, the text field currently looks like [abcdefg] on the page. He wants it to look like [tuvwxyz], the same way it would look if the user typed “abc[…]xyz” out with their keyboard. — Rory O'Kane
– Rory O'Kane, Commented May 14, 2013 at 6:08

Konstantin Dinev · Accepted Answer · 2013-05-14 06:01:24Z

1

When you perform this your caret position is at the beginning of the text. You need to move the caret position to the end.

function setCursor(node,pos){
    var node = (typeof node == "string" || node instanceof String) ? document.getElementById(node) : node;

    if (!node) {
        return false;
    } else if (node.createTextRange) {
        var textRange = node.createTextRange();
        textRange.collapse(true);
        textRange.moveEnd(pos);
        textRange.moveStart(pos);
        textRange.select();
        return true;
    } else if (node.setSelectionRange) {
        node.setSelectionRange(pos,pos);
        return true;
    }
    return false;
}

setCursor(input, input.value.length); // input is your textbox

answered May 14, 2013 at 6:01

Konstantin Dinev

35k14 gold badges79 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to move the text in input using js

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related