How to get the selected text in page using jquery dynamically?

Asked Oct 18 '13 at 04:55

Active Oct 18 '13 at 04:57

Viewed 221 times

I'm trying to get the text which we select in the page.I'm displaying the data dynamically on the page.

Code:

//get selection 
var getSelected = function () {
    var t = '';
    if (window.getSelection) {
        t = window.getSelection();
    } else if (document.getSelection) {
        t = document.getSelection();
    } else if (document.selection) {
        t = document.selection.createRange().text;
    }
    return t;
};

$("#text").select(function (eventObject) {
    console.log(getSelected().toString());
});

The data in the page contains in

chapterHTML += '<p id="text"><sup>'+ (i+1) +'</sup>'+ vers.text() +'</p>';

Thanks in Advance.

edited Oct 18 '13 at 04:57

Tushar Gupta - curioustushar

58,085
24
103
107

asked Oct 18 '13 at 04:55

Lucky

Possible duplicate of http://stackoverflow.com/questions/6251937/how-to-get-selecteduser-highlighted-text-in-contenteditable-element-and-replac – Rohan Kumar Oct 18 '13 at 05:04
@RohanKumar yes but i'm not getting the actual selected text in page – Lucky Oct 18 '13 at 05:13
Can you create a live demo for it like on **fiddle** or use `contenteditable='true'` on your `element` – Rohan Kumar Oct 18 '13 at 05:23
If you open "Genisis" then some text is displaying i want to get that data – Lucky Oct 18 '13 at 05:34
@RohanKumar i solve my solution Thank you for your valuable responses :) – Lucky Oct 18 '13 at 05:40

How to get the selected text in page using jquery dynamically?

0 Answers0