¿Puedo recuperar el texto seleccionado por el usuario en una entrada de formulario de texto?

Question

estoy tratando de obtener sólo la parte seleccionada de una cadena de entrada que fue seleccionada por el usuario. Vamos a decir que tengo esta entrada:

<input type="text" name="first_name" id="first_name" value="Enter your name" /> 

y el usuario selecciona la palabra "Enter" haciendo clic y arrastrando en el campo de texto. ¿Puedo recuperar ese texto con jQuery?

Sé que puedo obtener todo el valor de la siguiente manera:

$("#first_name").val(); 

Pero hasta ahora, no he encontrado de todos modos para obtener sólo la parte seleccionada "Enter". ¿Alguien puede señalarme en la dirección correcta? ¡Gracias!

EDITAR

me trataron document.getSelection y está funcionando muy bien en Firefox en un elemento de texto estático, como una "p". Hasta ahora no me funciona con una entrada de texto.

En IE, window.selection.createRange(). Texto está trabajando tanto en una "p" y en una entrada de texto.

Answer 1

Ok, esta es la respuesta final. Parece que tenemos que utilizar selectionStart y selectionEnd en lugar de GetSelection() cuando estamos trabajando con la entrada o área de texto. Aquí está mi código de prueba:

$(".name").mouseup(function() 
{ 
    var selected_text = ""; 
    if (window.getSelection) // Firefox 
    { 
     var text = $(this).val(); 
     selected_text = text.substring(document.activeElement.selectionStart, document.activeElement.selectionEnd); 
    } 
    else // IE 
    { 
     selected_text = document.selection.createRange().text; 
    } 
    alert(selected_text); 
}); 

Y mi HTML es simplemente:

<input type="text" name="name" class="name" value="Enter your name" /> 

Así que finalmente lo consiguió. Gracias por la participación de todos!

Answer 2

This podría ayudar. Tendrá que usar la función .select().

Answer 3

podría utilizar el Javascript regular de reemplazar método.

$("#first_name").val().replace("Enter your name", "") 

ver un ejemplo: http://jsfiddle.net/gezDF/

Sin embargo, otra opción podría ser la de eliminar el texto cuando el usuario entra en el campo. Esto se puede hacer con algo como lo siguiente:

$(document).ready(function(){ 
    $("#first_name").focus(function() { 
     $(this).val(""); 
    }); 
}​);​ 

ver un ejemplo: http://jsfiddle.net/JNmAF/

Answer 4

debe ser capaz de hacer esto utilizando la función de selección de jQuery y document.getSelection

http://www.devguru.com/Technologies/ecmascript/quickref/doc_getselection.html http://api.jquery.com/select/