Чи є у javascript функція просто скасувати вибір усього виділеного тексту? Я думаю, це повинна бути проста глобальна функція, подібна document.body.deselectAll();
чи щось подібне.
Чи є у javascript функція просто скасувати вибір усього виділеного тексту? Я думаю, це повинна бути проста глобальна функція, подібна document.body.deselectAll();
чи щось подібне.
Відповіді:
Спробуйте це:
function clearSelection()
{
if (window.getSelection) {window.getSelection().removeAllRanges();}
else if (document.selection) {document.selection.empty();}
}
Це очистить вибір у звичайному вмісті HTML у будь-якому великому браузері. Це не очистить виділення під час введення тексту або <textarea>
у Firefox.
removeAllRanges()
метод працює у всіх сучасних браузерах для тексту всередині абзаців або подібних елементів без форми поля. Для полів форми (наприклад, textarea) цей метод не працює в IE9 та FF5.
window.getSelection().removeAllRanges();
спочатку, оскільки він відповідає стандартам, власний код завжди повинен виконуватися в останню чергу . Будь то код, що відповідає стандартам 2004 або 4004 років, завжди буде тим, чим ми користуємось, тому виявіть його спочатку без винятку!
Ось версія, яка очистить будь-який вибір, включаючи введення тексту та текстові області:
Демонстрація: 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;
}
}
}
}
<div>
то mouseup
подія не запускається. Помістіть натомість обробник миші на документ, і це буде добре: jsfiddle.net/SLQpM/23
Для Internet Explorer можна використовувати порожній метод об’єкта document.selection:
document.selection.empty ();
Рішення щодо крос-браузерного пошуку див. У цій відповіді:
document.selection.clear()
працює лише в IE. Дивіться тут: jsfiddle.net/9spL8/4 Крім того, цей метод видалить виділений текст, а не просто скасує його вибір. Щоб просто скасувати вибір тексту, використовуйте document.selection.empty()
замість нього.
Для textarea
елемента щонайменше з 10 символів наступне зробить невеликий вибір, а потім через півтори секунди скасує його вибір:
var t = document.getElementById('textarea_element');
t.focus();
t.selectionStart = 4;
t.selectionEnd = 8;
setTimeout(function()
{
t.selectionStart = 4;
t.selectionEnd = 4;
},1500);
Для мене це працювало неймовірно легше ...
document.getSelection().collapseToEnd()
або
document.getSelection().removeAllRanges()
Подяки: https://riptutorial.com/javascript/example/9410/deselect-everything-that-is-selected
window.getSelection().removeAllRanges();
працює у всіх поточних браузерах. Демо в прямому ефірі: jsfiddle.net/hWMJT/1