Knowing the text selected using mouse in javascript

Question

I my application i want to make the text seleected selected using mouse bold..How to do this using javascript? Also how to know the cursor position using javascript...For example ,i may need to insert a text using my function just before the text where cursor is placed

Insert into what? An online editor? – mplungjan Mar 18 '12 at 08:18 — mplungjan, Mar 18 '12 at 08:18

score 5 · Accepted Answer · answered Mar 18 '12 at 15:34

You can do this in a textarea:

<html>
<head>

<title>onselect test</title>

<script type="text/javascript">

window.onselect = selectText;

function selectText(e)
{
    start = e.target.selectionStart;
    end = e.target.selectionEnd;
    alert(e.target.value.substring(start, end));
}
</script>
</head>

<body>
<textarea>
Highlight some of this text
with the mouse pointer
to fire the onselect event.
</textarea>
</body>
</html>

score 1 · Answer 2 · answered Mar 18 '12 at 08:16

1

Do you mean something like this:


function getSelText()
{
    var txt = '';
     if (window.getSelection)
    {
        txt = window.getSelection();
    }
    else if (document.getSelection)
    {
        txt = document.getSelection();
    }
    else if (document.selection)
    {
        txt = document.selection.createRange().text;
    }
    else  { return; }
}
//txt is the selected text

answered Mar 18 '12 at 08:16

Sudhir Bastakoti

99,167
15
158
162

1

Why all those if-else for? supporting which browsers? – gdoron Mar 18 '12 at 08:18
I will check....also is there any event handler when selection happens...I expect something like...onSelecte or etc.. – Jinu Joseph Daniel Mar 18 '12 at 08:21

Matar Elya · Answer 3 · 2023-02-21T09:22:38.937

0

Caching selected text, only available when it is editable input, but not in uneditable htm area i.e. when the text in div or span or etc. the above methods dosn't work .

edited Feb 21 '23 at 09:22

answered Jan 11 '23 at 08:52

Matar Elya

1
1

As it’s currently written, your answer is unclear. Please [edit] to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Jan 11 '23 at 18:18

Knowing the text selected using mouse in javascript

3 Answers3