los - remove javascript

Borrar una selección en Firefox

Question

Tengo esta funcion

function smth() {
var container = null;
var newContainer = null;
if (window.getSelection) { // all browsers, except IE before version 9
alert("first if");
var selectionRange = window.getSelection();
if (selectionRange.rangeCount > 0) {
var range = selectionRange.getRangeAt(0);
container = range.commonAncestorContainer;
newContainer = container;
}
}
else {
if (document.selection) { // Internet Explorer
alert("second if");
var textRange = document.selection.createRange();
container = textRange.parentElement();
}
}
if (newContainer) {
return newContainer.nodeName;
}
else {
alert("Container object for the selection is not available!");
}
} 

Ahora, después de hacer lo que necesito hacer con la selección, necesito borrarla. Probé algunas cosas, nada funcionó, ¿alguna idea?

document.selection.clear () 

esto no funcionó.

Answer 1

Nota: en caso de que esté seleccionando el texto de un elemento de entrada o de área de texto, entonces su código tendrá más soporte para todos los navegadores si utiliza el método de selección de elementos de entrada o de área de texto nativos estándar.

Si se seleccionó una entrada html o un elemento de área de texto usando el método de selección nativo, el uso de los métodos sugeridos anteriormente no funciona en mi Firefox 44.0.2. Lo que funcionó para ello, y supongo que funciona en TODOS LOS NAVEGADORES, es ejecutar el siguiente código que crea un nuevo elemento y lo selecciona. El nuevo elemento no puede estar en la display:none o visibility:hidden porque, por lo tanto, no está seleccionado en mi Firebox, por lo que el truco es hacerlo invisible forzando todos los atributos de tamaño a 0/none .

var tempElement = document.createElement("input");
tempElement.style.cssText = "width:0!important;padding:0!important;border:0!important;margin:0!important;outline:none!important;boxShadow:none!important;";
document.body.appendChild(tempElement);
tempElement.select();
/* Use removeChild instead of remove because remove is less supported */
document.body.removeChild(tempElement);

Answer 2

Para el navegador problemático:

document.selection.empty()

Para otros navegadores:

window.getSelection().removeAllRanges()

Consulte http://help.dottoro.com/ljigixkc.php

Answer 3

Use tinymce.activeEditor.selection.collapse() si eso no funciona, use const range = tinymce.activeEditor.dom.createRng(); tinymce.activeEditor.selection.setRng(range) const range = tinymce.activeEditor.dom.createRng(); tinymce.activeEditor.selection.setRng(range)