Force insertion point on a textarea

Question

This is a textarea,

<textarea placeholder="what's new..." id="messageID" type="text" ng-model="content"></textarea>

Please how can I trigger insertion point or cursor on this textarea.

Correct, that is a textarea. Can you explain what you mean by *"Trigger insertion point"* Thank you. — NewToJS, Mar 16 '16 at 09:28
He means the *caret* or *cursor*, as in this question/answer: http://stackoverflow.com/questions/499126/jquery-set-cursor-position-in-text-area [I'm assuming - could just mean *focus*] [update: or even something completely different... who knows] — freedomn-m, Mar 16 '16 at 09:29
You don't need `textarea` and `type=text` - but that makes no difference. There's nothing wrong with the code you've provided so must be caused by some other code. You've not provided enough information to reproduce your issue - try your own code in the question in a *new* project/page. Read this [How to create a Minimal, Complete, and Verifiable example](http://stackoverflow.com/help/mcve) — freedomn-m, Mar 16 '16 at 09:32

score 0 · Answer 1 · edited Mar 16 '16 at 13:35

0

<body OnLoad="document.myform.mytextfield.focus();">
    <form name="myform">
       <textarea name="mytextfield" placeholder="what's new..." id="messageID" type="text" ng-model="content"></textarea>
    </form>
</body>

edited Mar 16 '16 at 13:35

Natalie Hedström

2,607
3
25
36

answered Mar 16 '16 at 09:29

Bishoy Bisahi

377
1
11

@JnG that is plain javascript, the only difference is it's inline. If you want to run something when the DOM is ready you can replace the `onload` attribute method for `window.onload=function(){//Do something here}` in the script tags. – NewToJS Mar 16 '16 at 09:34
please post an answer with this idea – Blaze Mar 16 '16 at 09:35
@JnG I would post an answer but I'm not 100% sure what it is you are trying to ask. Also the fact you haven't shown any attempt of fixing the problem yourself, I haven nothing to debug/fix and explain the reason(s) for it not functioning as intended. – NewToJS Mar 16 '16 at 09:40

score 0 · Answer 2 · answered Mar 16 '16 at 09:36

function setSelection(id, start, end) {
    var input = document.getElementById(id);
    input.focus();
    input.setSelectionRange(start, end);
}

with this function you can set the selection begining and end in number of characters from the start of the string (eg. setSelection('messageID', 0, 10) would select the first 10 characters.

If you are using angular you should use other methods to access the DOM input element, bu the setSelectionRange call would be the same.

Force insertion point on a textarea

2 Answers2