Control where typing starts in input field

Question

Is it possible to control where in an input typing starts on focus?

e.g.

<input type="text" value="(+44)" id="phone_number" />

I need the user's typing to begin after the existing value, but leave the option to backspace and delete.

Something like:

$(document).ready(function(){
 $('#phone_number').focus(function(){
  //place type start after whatever value already exists
 });
});

This could be helpful. http://stackoverflow.com/questions/511088/use-javascript-to-place-cursor-at-end-of-text-in-text-input-element — Rikonator, Apr 19 '13 at 11:25

Hiren Soni · Answer 1 · 2013-04-19T11:44:48.133

1

This can also help you to keep formatted input field

http://digitalbush.com/projects/masked-input-plugin/

 jQuery(function($){
    $("#phone_number").mask("(+44)999999");
 });

I have use 9 to add only numeric values only, else you can you * to add anything

edited Apr 19 '13 at 11:44

answered Apr 19 '13 at 11:27

Hiren Soni

574
3
11

score 1 · Accepted Answer · edited May 23 '17 at 11:57

1

If you want to use jQuery, you can do:

$("input").focus(function () {
    var val = this.value;
    var $this = $(this);
    $this.val("");
    setTimeout(function () {
        $this.val(val);
    }, 1);
});

Taken from this original answer.

DEMO

edited May 23 '17 at 11:57

Community

1
1

answered Apr 19 '13 at 11:36

Eli

14,779
5
59
77

Control where typing starts in input field

2 Answers2