Quiero saber como puedo capturar el texto que tengo seleccionado dentro de mi web, al seleccionarlo con el raton que pueda enviar a algun elemento html que es lo que esta seleccionado
Cómo puedo capturar el texto que está seleccionado dentro de mi web?
Iniciado por
Fernan
, mar 21 2014 22:45
#1 AUTOR PREGUNTA
Preguntas Similares
Esto también te interesa!
#2 AUTOR PREGUNTA
Publicado 21 marzo 2014 - 22:50
[color=#282828][font=helvetica, arial, sans-serif][size=4]Bueno me contesto yo a esto jeje.[/size][/font][/color]
[color=#282828][font=helvetica, arial, sans-serif][size=4]Para el que le ocurra puede hacer esto utilizando javascript, con la funcion selection.createRange que permite capturar lo que se encuentre seleccionado y luego en este caso mostrarlo mediante un cuadro de mensajes. pero tambien lo puedes enviar a un elemento html como un textarea.[/size][/font][/color]
[color=#282828][font=helvetica, arial, sans-serif][size=4]Para el que le ocurra puede hacer esto utilizando javascript, con la funcion selection.createRange que permite capturar lo que se encuentre seleccionado y luego en este caso mostrarlo mediante un cuadro de mensajes. pero tambien lo puedes enviar a un elemento html como un textarea.[/size][/font][/color]
<html>
<head>
<a name="#1">
<script language="Javascript">
function sele() {
a=document.selection.createRange();
alert("Tipo de selección: " + document.selection.type + "\nTexto seleccionado: " + a.text);
}
</script>
</head>
<body>
<form name="frm">
<table border="0">
<tr>
<td align="right">
input:
</td>
<td>
<input type="textInput" name="txt">
</td>
</tr>
<tr>
<td align="right">
textarea:
</td>
<td>
<textarea name="txtArea"></textarea>
</td>
</tr>
<tr>
<td align="right">
Link:
</td>
<td>
<a href="#1">Enlace</a>
</td>
</tr>
<tr>
<td align="right">
Select:
</td>
<td>
<select>
<option>Uno</option>
<option>Dos</option>
<option>Tres</option>
</select>
</td>
</tr>
<tr>
<td align="right">
Párrafo:
</td>
<td>
Esto es un párrafo de donde también se puede seleccionar texto.
</td>
</tr>
<tr>
<td align="center" colspan="2">
<a href=Javascript:sele()>Ver texto seleccionado</a>
</td>
</tr>
</form>
</body>
</html>