Be able to move the cursor with the keyboard while using a keyup event

Question

I have a function to convert uppercases to lowercases aslso to replace white spaces for small dashes.

The problem is, when a user for example makes a typo and wants to rectify it, if he tries to move the cursor back using the keyboard, he won't be able to do so as the cursor will always be on the last position of the string.

Here I have the JS fiddle with the example working: http://jsfiddle.net/R8N8F/7/

In the example I am using jQuery because I couldn't make it run with Javascript of jsfiddle, but this is the current function I am using:

function replaze(obj){
    obj.value = obj.value.toLowerCase().replace(/ /g, '-');
}

And this my HTML:

<input name="demo" autofocus="autofocus" onkeyup="replaze(this);" type="text" id="UserUsername">

Here's a working fiddle: http://jsfiddle.net/RoryMcCrossan/R8N8F/4/ — Rory McCrossan, Jan 08 '13 at 16:35
Thanks.I updated mine also using jQuery :) Anyway, the problem stills there. — Alvaro, Jan 08 '13 at 16:36

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

1

You can preserve the selection using this answer:

https://stackoverflow.com/a/3288215/96100

You could instead use my jQuery plug-in, which uses the same code. Example:

var $input = $("#UserUsername");
$input.keyup(function() {
    var sel = $input.getSelection();
    replaze(this);
    $input.setSelection(sel.start, sel.end);
});

edited May 23 '17 at 11:51

Community

1
1

answered Jan 08 '13 at 17:01

Tim Down

318,141
75
454
536

Worked great!! I used anyway the Javascript code you posted in the original answer instead of this jQuery one :) – Alvaro Jan 08 '13 at 17:12
@Steve: Good. I rarely use jQuery myself. – Tim Down Jan 08 '13 at 17:14

score 0 · Answer 2 · answered Sep 02 '19 at 06:09

0

Check this out This example help you to move cursor by arrow keys https://jsfiddle.net/RaviMakwana/a5ts0emr/

<script async src="//jsfiddle.net/RaviMakwana/a5ts0emr/embed/"></script>

answered Sep 02 '19 at 06:09

Ravi Makwana

2,782
1
29
41

You should show in the question the contents of the solution and not rely on the link, as they go stale making the answer useless. – Brian Tompsett - 汤莱恩 Sep 02 '19 at 07:07

Be able to move the cursor with the keyboard while using a keyup event

2 Answers2