Czy w javascript jest funkcja umożliwiająca po prostu odznaczenie całego zaznaczonego tekstu? Wydaje mi się, że to musi być prosta funkcja globalna, taka document.body.deselectAll();
czy coś.
Czy w javascript jest funkcja umożliwiająca po prostu odznaczenie całego zaznaczonego tekstu? Wydaje mi się, że to musi być prosta funkcja globalna, taka document.body.deselectAll();
czy coś.
Odpowiedzi:
Spróbuj tego:
function clearSelection()
{
if (window.getSelection) {window.getSelection().removeAllRanges();}
else if (document.selection) {document.selection.empty();}
}
Spowoduje to wyczyszczenie zaznaczenia w zwykłej zawartości HTML w dowolnej większej przeglądarce. Nie usunie zaznaczenia w polu wprowadzania tekstu ani <textarea>
w przeglądarce Firefox.
removeAllRanges()
metoda działa we wszystkich obecnych przeglądarkach dla tekstu w akapitach lub podobnych elementów niebędących polami formularza. W przypadku pól formularzy (takich jak textarea) ta metoda nie działa w IE9 i FF5.
window.getSelection().removeAllRanges();
pierwsze, ponieważ jest zgodny ze standardami, zastrzeżony kod powinien być zawsze wykonywany jako ostatni . Niezależnie od tego, czy kod zgodny ze standardami 2004 czy 4004 zawsze będzie tym, czego używamy, więc najpierw go wykryj bez wyjątku!
Oto wersja, która wyczyści wszystkie zaznaczenia, w tym w obszarze wprowadzania tekstu i obszarach tekstu:
Demo: http://jsfiddle.net/SLQpM/23/
function clearSelection() {
var sel;
if ( (sel = document.selection) && sel.empty ) {
sel.empty();
} else {
if (window.getSelection) {
window.getSelection().removeAllRanges();
}
var activeEl = document.activeElement;
if (activeEl) {
var tagName = activeEl.nodeName.toLowerCase();
if ( tagName == "textarea" ||
(tagName == "input" && activeEl.type == "text") ) {
// Collapse the selection to the end
activeEl.selectionStart = activeEl.selectionEnd;
}
}
}
}
W przypadku przeglądarki Internet Explorer można użyć pustej metody obiektu document.selection:
document.selection.empty ();
W przypadku rozwiązania obejmującego wiele przeglądarek zapoznaj się z tą odpowiedzią:
document.selection.clear()
działa tylko w IE. Zobacz tutaj: jsfiddle.net/9spL8/4 Ponadto ta metoda usunie zaznaczony tekst, a nie tylko odznaczy go. Aby po prostu odznaczyć tekst, użyj document.selection.empty()
zamiast tego.
W przypadku textarea
elementu składającego się z co najmniej 10 znaków następujące czynności dokonają niewielkiego wyboru, a po półtorej sekundy odznaczy to:
var t = document.getElementById('textarea_element');
t.focus();
t.selectionStart = 4;
t.selectionEnd = 8;
setTimeout(function()
{
t.selectionStart = 4;
t.selectionEnd = 4;
},1500);
To zadziałało dla mnie niesamowicie łatwiej ...
document.getSelection().collapseToEnd()
lub
document.getSelection().removeAllRanges()
Kredyty: https://riptutorial.com/javascript/example/9410/deselect-everything-that-is-selected
window.getSelection().removeAllRanges();
działa we wszystkich obecnych przeglądarkach. Demo na żywo: jsfiddle.net/hWMJT/1