tablas - ¿Puede establecer y/o cambiar la selección de texto del usuario en JavaScript?

innerhtml jquery ejemplos

Question

En JavaScript, existen varios métodos para acceder a la selección de texto del usuario y crear selecciones de texto (o rangos); consulte http://www.quirksmode.org/dom/range_intro.html .

Según esa página, puede crear un rango programáticamente y acceder al texto dentro de ese. Pero hacer esto no cambia la selección del texto del usuario, o hacer que el usuario tenga algún texto seleccionado si no lo hace.

¿Puede establecer y / o cambiar la selección de texto del usuario en JavaScript?

Answer 1

Sí. En todos los navegadores puede obtener uno o más TextRange o un TextRange de TextRange de la selección del usuario, y Range y Range TextRange tienen métodos para cambiar el contenido del rango.

ACTUALIZAR

Puede establecer la selección del usuario creando un Range y agregándolo al objeto Selection en la mayoría de los navegadores y creando un TextRange y llamando a su método select() en IE <= 8.

Por ejemplo, para configurar la selección para abarcar los contenidos de un elemento:

function selectElementContents(el) {
if (window.getSelection && document.createRange) {
var sel = window.getSelection();
var range = document.createRange();
range.selectNodeContents(el);
sel.removeAllRanges();
sel.addRange(range);
} else if (document.selection && document.body.createTextRange) {
var textRange = document.body.createTextRange();
textRange.moveToElementText(el);
textRange.select();
}
}

También hay varios métodos del objeto Selection que se pueden usar para cambiar la selección del usuario en navegadores que no sean IE. Si puede ser más específico acerca de cómo desea cambiar la selección, será más fácil ayudarlo.