Tal vez este es un problema relacionado con el navegador? Estoy en Chrome en este momento ...

Lo que estoy tratando de lograr es permitir al usuario guardar el texto que seleccionó (resaltado) en la página con su cursor.

Tengo la configuración javascript / jQuery / ajax ... y funciona como un encanto cuando lo estoy probando a través de la consola.

es decir, selecciono un texto y luego ejecuto este comando.

alert(getSelected());

A lo que me sale una alerta emergente con los caracteres seleccionados. ... así que funciona en teoría.

SIN EMBARGO: cuando quiero usar un botón para realizar la llamada, lo que sucede es que la selección de texto desaparece PRIMERO, y por lo tanto no puedo ver / guardar lo que seleccionaron.

<script>
$('#save').click(function(){
  var selected_text = getSelected();
});
</script>

<div id="save"><img src="the_save_button.jpg" height="50" width="50" /></div>

¿Hay alguna forma de mantener la selección de texto al hacer clic / después de hacer clic en "guardar" DIV?

Abierto a todas y cada una de las soluciones !! ¡Gracias!