Get parent element of a selected text

by

Here’s a function that will get you the innermost element that contains the whole of the user selection in all major browsers (except when multiple ranges are selected, which is only supported in Firefox. If this is important, I can expand the example to deal with that case too):

function getSelectionParentElement() {
    var parentEl = null, sel;
    if (window.getSelection) {
        sel = window.getSelection();
        if (sel.rangeCount) {
            parentEl = sel.getRangeAt(0).commonAncestorContainer;
            if (parentEl.nodeType != 1) {
                parentEl = parentEl.parentNode;
            }
        }
    } else if ( (sel = document.selection) && sel.type != "Control") {
        parentEl = sel.createRange().parentElement();
    }
    return parentEl;
}

More Related Contents:

  1. Finding line-wraps
  2. Saving a text file on server using JavaScript
  3. JavaScript Scale Text to Fit in Fixed Div
  4. Can I wrap each line of multi-line text in a span?
  5. javascript: hiding contents of key
  6. How to add class to div based on radio button selected in it?
  7. How to disable browser reload button on mouse click
  8. jQuery Ajax POST example with PHP
  9. How to import jquery using ES6 syntax?
  10. Submit multiple forms with one submit button
  11. How to load all the images from one of my folder into my web page, using Jquery/Javascript
  12. How to count the number of occurrences of each item in an array? [duplicate]
  13. How do I check if string contains substring? [duplicate]
  14. Jquery: change event to input file on IE
  15. Can jQuery provide the tag name?
  16. jquery clone form fields and increment id
  17. Preventing click event with jQuery drag and drop
  18. Limiting number of lines in textarea
  19. jQuery single selector vs .find()
  20. How to exclude weekends between two dates using Moment.js
  21. width/height after transform
  22. Convert Text to Image using javascript [closed]
  23. How to display pie chart data values of each slice in chart.js
  24. Perform curl request in javascript?
  25. JQuery $.ajax() post – data in a java servlet
  26. jQuery trigger action when a user scrolls past a certain part of the page
  27. Iterating a JavaScript object’s properties using jQuery
  28. How do I add button on each row in datatable?
  29. JQuery UI Tabs Causing Screen to “Jump”
  30. Are 301 redirects possible using javascript or jQuery?

Leave a Comment