Had a look at a few methods of moving the cursor around and cant seem to come up with a elegant / working way.
I basicly want to call a line of code to do the following psuedo code.
e.g.
this is sample text|
cursor set to where | is
How simple is this?
JsFiddle:http://jsfiddle.net/v8agZ/5/
Thanks
This is a way in which you can put the cursor at the end of an editable div (adapted from this question).
HTML
<div id="mydiv"> Lorem ipsum dolor sit amet, <br /> <br /> consectetur adipisicing elit </div> Javascript
function setCursorToEnd(ele) { var range = document.createRange(); var sel = window.getSelection(); range.setStart(ele, ele.childNodes.length - 1); range.collapse(true); sel.removeAllRanges(); sel.addRange(range); ele.focus(); } var mydiv = document.getElementById("mydiv"); setCursorToEnd(mydiv); If you want to use jQuery (that is useless in this case), you can simply get the mydiv element using the $() and get() methods as follows:
var mydiv = $("#mydiv").get(0); setCursorToEnd(mydiv); I think you can use jCaret plugin
A Demo , Not mine
