textarea 的 window.getSelection() 在 firefox 中不起作用？

Question

I am trying to get selection text on HTML page.

I use below code, and window.getSelection() on textarea seams not work in firefox, but works fine in Google Chrome.

• I am using firefox 24, and chrome 27.

Here is a sample: http://jsfiddle.net/AVLCY/

HTML:

<div>Text in div</div>
<textarea>Hello textarea</textarea>
<div id='debug'></div>

JS:

$(document).on('mouseup','body',function(){
   $("#debug").html("You select '" + getSelectionText() + "'");
});

function getSelectionText() {
    if (window.getSelection) {
        try {
            // return "" in firefox
            return window.getSelection().toString();
        } catch (e) {
            console.log('Cant get selection text')
        }
    } 
    // For IE
    if (document.selection && document.selection.type != "Control") {
        return document.selection.createRange().text;
    }
}

Answer 1

It appears getSelection does not work on text selected in form fields due to this Firefox bug .

As explained in this answer , the workaround is to use selectionStart and selectionEnd instead.

Here is a modified example that works correctly:

http://jsfiddle.net/AVLCY/1/

Answer 2

It's late 2022 and Firefox still has this weird bug. I went to the original Bug Report on BugZilla to get more info about this and found a workaround (kindly shared by user daniel.lee1ibm ):

    //Workaround for Firefox bug 
    const selectedText = document.activeElement.value.substring(
        document.activeElement.selectionStart,
        document.activeElement.selectionEnd
      )