Created
June 6, 2011 14:27
-
-
Save lxcodes/1010364 to your computer and use it in GitHub Desktop.
Set Cursor at the End of a ContentEditable
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function setEndOfContenteditable(contentEditableElement) | |
{ | |
var range,selection; | |
if(document.createRange)//Firefox, Chrome, Opera, Safari, IE 9+ | |
{ | |
range = document.createRange();//Create a range (a range is a like the selection but invisible) | |
range.selectNodeContents(contentEditableElement);//Select the entire contents of the element with the range | |
range.collapse(false);//collapse the range to the end point. false means collapse to end rather than the start | |
selection = window.getSelection();//get the selection object (allows you to change selection) | |
selection.removeAllRanges();//remove any selections already made | |
selection.addRange(range);//make the range you have just created the visible selection | |
} | |
else if(document.selection)//IE 8 and lower | |
{ | |
range = document.body.createTextRange();//Create a range (a range is a like the selection but invisible) | |
range.moveToElementText(contentEditableElement);//Select the entire contents of the element with the range | |
range.collapse(false);//collapse the range to the end point. false means collapse to end rather than the start | |
range.select();//Select the range (make it the visible selection | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment