How to set cursor at end in textarea ? it doesn't work on oninput event.

Question

0.00/5 (No votes)

See more:

here is my code when i type d in textarea it replaces "d" as "document" then i want the cursor at end of the text but it shows at 1st position how to fix it? i m using ucbrowser 11.0 browser.

What I have tried:

<html>

<body>

<textarea id="ta" ></textarea>

</body>

<script>

function replacetext()
{

var ta = document.getElementById("ta");

var a = ta.value.replace("d","document");

ta.value = a;

ta.selectionStart = ta.selectionEnd = ta.value.length;

}

</script>

</html>

Posted 11-Sep-16 23:08pm

prasad sawant

Updated 13-Sep-16 22:42pm

Add a Solution

Comments

prasad sawant 12-Sep-16 5:16am

in textarea element i have an attribute [ oninput= "replacetext()" ] this website may be doesnt allow some attributes so now suggest me answer.

2 solutions

Solution 1

oninput is not a right choice since it will change for every key press.
use onchange instead , however you have to validate the letter 'd' which might contain in any word of the input.
you have to use /d/g for global replacement.

HTML

<html>
<body>

    <textarea id="ta" onchange="replacetext()"></textarea>
    <script>

        function replacetext() {
            var ta = document.getElementById("ta");
            ta.value = ta.value.replace(/d/g, "document"); 
            ta.selectionStart = ta.selectionEnd = ta.value.length;

        }

    </script>
</body>

</html>

Posted 12-Sep-16 3:10am

Karthik_Mahalingam

Comments

prasad sawant 13-Sep-16 3:29am

hey its not replacing "d" as "document" its only change when i click not on textarea but other area. i want cursor at end

Karthik_Mahalingam 13-Sep-16 3:55am

ok.

Karthik_Mahalingam 13-Sep-16 3:55am

what about the previous text and all

prasad sawant 14-Sep-16 4:29am

when i use oninput it directly replace words but cursor blinks between d and o but i want it at end, when i use onchange it doesnt replace words but when i click on other side without touching textarea its replace words but doesnt place cursor anywhere, i think oninput is perfect event, but some advance coding will need

Karthik_Mahalingam 14-Sep-16 8:23am

ok

prasad sawant 14-Sep-16 4:44am

means i was need only ta.value = ""; and thanks for /d/g; i m happy

Karthik_Mahalingam 14-Sep-16 8:23am

cool

Maciej Los 14-Sep-16 4:46am

5ed!

Karthik_Mahalingam 14-Sep-16 8:22am

Thank you maciej

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

prasad sawant · Accepted Answer · 2016-09-13T22:42:00

Solution 2

after many tries i tried this code and its work perfect

function replacetext()
{

var ta = document.getElementById("ta");

var replaced = ta.value.replace(/d/g,"document");

ta.value = "";

ta.value = replaced;

ta.selectionStart=ta.selectionEnd=replaced.length;

}

Posted 13-Sep-16 22:42pm

prasad sawant

Comments

Maciej Los 14-Sep-16 4:47am

This is not an answer! This is an exact copy of solution 1!