Keep cursor on textarea after clicking on DIV

Question

I have a textarea in which text pieces (stored on each data-code attribute) are appended when clicking on an specific DIV:

$(document).on('click', '.extrasPanel .contentVars div', function(e){
        varCode = $('.active').attr('data-code');
        varText=$(document).find('textarea').val();
        $(document).find('textarea').val(varText+varCode);
        checkCounter(e);
});

Once a .contenVars div is clicked, its data-code value is added to whatever is typed on textarea, and to keep typing the user must click again on the textarea.

I would like the user to keep typing after importing this pieces of text widthout needing to click back on it, so that the cursor remains on the last position, after the last imported character (as if you would have pasted it).

I have tried adding e.preventDefault; at the end of the function, with no possitive result.

Try $('textarea_selector').focus(); – VikrantMore May 08 '15 at 11:22 — VikrantMore, May 08 '15 at 11:22

score 1 · Answer 1 · answered May 08 '15 at 11:24

1

If you're using jQuery, you can try .focus()

jQuery('textarea').focus();

answered May 08 '15 at 11:24

Daft

10,277
15
63
105

2

This will take the cursor to beginning of the textarea input. – dsharew May 08 '15 at 11:24
this is also possible with just javascript: `document.getElementById("textarea").focus();` – Maarten Peels May 08 '15 at 11:27
@Biomehanika Check out my answer posted. – VikrantMore May 08 '15 at 11:28

score 0 · Answer 2 · answered May 08 '15 at 11:39

0

May this link will helps you..

jquery-caret.js

This is a very simple lightweight plugin to allow you to move the caret (or cursor) position in an or element

$('textarea').caretToEnd();

answered May 08 '15 at 11:39

iTechOwl

150
11

Thank you. If possible, I'd like to avoid plugins use, but may be useful for other users. Very grateful. – Biomehanika May 08 '15 at 11:41

Keep cursor on textarea after clicking on DIV

2 Answers2