Can you set and/or change the user’s text selection in JavaScript?

by

Yes. In all browsers you can get one or more Ranges or a TextRange from the user’s selection, and both Range and TextRange have methods for changing the contents of the range.

UPDATE

You can set the user’s selection by creating a Range and adding it to the Selection object in most browsers and by creating a TextRange and calling its select() method in IE <= 8.

For example, to set the selection to encompass the contents of an element:

function selectElementContents(el) {
    if (window.getSelection && document.createRange) {
        var sel = window.getSelection();
        var range = document.createRange();
        range.selectNodeContents(el);
        sel.removeAllRanges();
        sel.addRange(range);
    } else if (document.selection && document.body.createTextRange) {
        var textRange = document.body.createTextRange();
        textRange.moveToElementText(el);
        textRange.select();
    }
}

There are also several methods of the Selection object that can be used to change the user’s selection in non-IE browsers. If you can be more specific about how you want to change the selection then it will be easier to help.

More Related Contents:

  1. Get the Highlighted/Selected text
  2. How to get selected text from a textbox control with JavaScript
  3. Is there a way to make text unselectable on an HTML page? [duplicate]
  4. Coordinates of selected text in browser page
  5. Return HTML from a user-selected text
  6. Set cursor to specific position on specific line in a textarea
  7. Does normal javascript works on node – webkit or not? [closed]
  8. How to find content of a specific cell with row and column index?
  9. What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  10. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  11. endsWith in JavaScript
  12. Post data to JsonP
  13. phantomjs not waiting for “full” page load
  14. How can I get the selected text in a textarea? [duplicate]
  15. Get the position of a div/span tag
  16. Password REGEX with min 6 chars, at least one letter and one number and may contain special characters
  17. Onclick event getting called automatically
  18. TinyMCE Paste As Plain Text
  19. How do I clear all options in a dropdown box?
  20. Specify scope for eval() in JavaScript?
  21. How to set default browser window size in Protractor/WebdriverJS
  22. How to include javascript on client side of node.js?
  23. Can I use a regular expression in querySelectorAll?
  24. Random number generator without dupes in Javascript?
  25. Determine if user navigated from mobile Safari
  26. Are there differences between .then(functionReference) and .then(function(value){return functionReference(value)})?
  27. Is there a javascript LaTeX equation renderer? [closed]
  28. Get the days, hours and minutes in Moment.js
  29. How do I make a callable JS object with an arbitrary prototype? [duplicate]
  30. How to escape backslash in JavaScript?

Leave a Comment