Moving cursor position in contentEditable div

Question

I'm trying to move the cursor of a content editable div to the end of the line. By default, it goes to the beginning of the line.

I'm using:

var r = $("#mydiv").createTextRange(); 
r.moveStart("character", l); 
r.moveEnd("character", l);      
r.select();

The error I get:

Uncaught TypeError: Object [object Object] has no method 'createTextRange'

I've seen this question posted around, but I still can't seem to perform createTextRange(). Any suggestions?

I'm not sure exactly what you're asking, but does this answer the question? http://stackoverflow.com/a/4238971/96100 — Tim Down, Jul 02 '12 at 15:58

Max Hudson · Answer 1 · 2012-07-02T15:33:42.460

0

The createTextRange() method is no longer supported by most browsers.

You could replace that div with a styled textarea or place one inside of the div.

edited Jul 02 '12 at 15:33

answered Jul 02 '12 at 15:25

Max Hudson

score 0 · Answer 2 · answered Jul 02 '12 at 15:59

0

Here is a jQuery plugin you can give a try.

A small cross-browser JavaScript library for obtaining and manipulating selections within and HTML elements.

answered Jul 02 '12 at 15:59

scusyxx

Great though it is (disclaimer: I wrote it), that's for textareas and inputs, not contenteditable. – Tim Down Jul 02 '12 at 16:00

2 Answers2