Breaking News: Grepper is joining You.com. Read the official announcement!

text selection in js

Add Answer

Defiant Dog answered on May 30, 2021 Popularity 6/10 Helpfulness 1/10

answer text selection in js

related select text with javascript

related select text in an element js

related javascript select text in element

related get text selection javascript

text selection in js

Comment

function getSelectionText() {
    var text = "";
    var activeEl = document.activeElement;
    var activeElTagName = activeEl ? activeEl.tagName.toLowerCase() : null;
    if (
      (activeElTagName == "textarea") || (activeElTagName == "input" &&
      /^(?:text|search|password|tel|url)$/i.test(activeEl.type)) &&
      (typeof activeEl.selectionStart == "number")
    ) {
        text = activeEl.value.slice(activeEl.selectionStart, activeEl.selectionEnd);
    } else if (window.getSelection) {
        text = window.getSelection().toString();
    }
    return text;
}

document.onmouseup = document.onkeyup = document.onselectionchange = function() {
  document.getElementById("sel").value = getSelectionText();
};


Selection:
<br>
<textarea id="sel" rows="3" cols="50"></textarea>
<p>Please select some text.</p>
<input value="Some text in a text input">
<br>
<input type="search" value="Some text in a search input">
<br>
<input type="tel" value="4872349749823">
<br>
<textarea>Some text in a textarea</textarea>

Popularity 6/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript selection text

Link to this answer
Share Copy Link

Contributed on Mar 11 2023

Defiant Dog

0 Answers Avg Quality 2/10

Closely Related Answers

select text with javascript

Comment

// highlight text in an input element
element.select();

// highlight a portion of an element
// element.setSelectionRange(start, end, ?direction)
// start, end - start and end indices of the new selection
// direction (optional) - "forward", "backward", or "none" (default)
element.setSelectionRange(3, 5);

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 30 2021

DenverCoder1

0 Answers Avg Quality 2/10

select text in an element js

Comment

document.querySelector('button').addEventListener('click', function(){
    var range = document.createRange();
    var selection = window.getSelection();
    range.selectNodeContents(document.querySelector('p'));
    
    selection.removeAllRanges();
    selection.addRange(range);
});

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: element

Link to this answer
Share Copy Link

Contributed on Jan 27 2023

mukashwasti_

0 Answers Avg Quality 2/10

javascript select text in element

Comment

// Select text in element 'elm'
const elm = document.getElementById('elm');

// Clear any current selection
const selection = window.getSelection();
selection.removeAllRanges();

// Select paragraph
const range = document.createRange();
range.selectNodeContents(elm);
selection.addRange(range);

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: developer.mozilla.org

Tags: element

Link to this answer
Share Copy Link

Contributed on Feb 16 2022

Attractive Addax

0 Answers Avg Quality 2/10

get text selection javascript

Comment

function getSelectionText() {
    var text = "";
    if (window.getSelection) {
        text = window.getSelection().toString();
    } else if (document.selection && document.selection.type != "Control") {
        text = document.selection.createRange().text;
    }
    return text;
}

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: get

Link to this answer
Share Copy Link

Contributed on Jan 02 2022

Outstanding Orangutan

0 Answers Avg Quality 2/10

text selection in js

Contents

More Related Answers

text selection in js

Closely Related Answers

select text with javascript

select text in an element js

javascript select text in element

get text selection javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.