Cómo usar javascript para obtener caracteres especiales html en la entrada de texto

Question

Quiero enviar un carácter especial html al campo de texto y luego usar javascript para recuperarlo en su formato original: como si envié "& pi", will muestra "π" en la entrada de texto, y cuando uso javascript para recuperarlo, debería obtener "& pi", pero solo puedo obtener "π", no "& pi". Por favor ayuda, mi código es el siguiente:

<script type="text/javascript"> 
function qpush(a) { 
    document.getElementById('input').value += a; 
} 

function show(a) { 
    alert(document.getElementById('input').value); 
} 
</script> 

<input type="text" id="input" /> 
<input type="button" onclick="qpush('&pi;');" value="&pi;" /> 
<input type="button" onclick="show()" value="go" /> 

Answer 1

Dependiendo de lo que necesita el que para usted podría hacer una de las 3 opciones:

1. utilizan el escape javascript y unescape funciones:

   var escaped = escape ('π') // escaped = "% u03C0" que unescape volverá a ser π

2. Si tiene jQuery disponible es el método html puede hacer el truco:..

   $ ('input') val() html()

3. Este es un truco, pero funcionará: Guardar una copia del valor de la forma que desee devuelto en un atributo 'data-' del elemento de entrada, esto se validará en html5 y no se dividirá en otros tipos de documento.

   document.getElementById ('input'). SetAttribute ('data-OriginalValue', '& pi')

Answer 2

La propiedad value le dará el texto, no HTML.

Usted podría intentar getAttribute('value') pero desde π y π son idénticamente equivalente en HTML, el navegador tiene total libertad para volver π para eso también.

Una vez que el HTML se ha convertido en un DOM, no hay forma de acceder al HTML original (excepto descargar el HTML de nuevo con XHR y analizar el texto sin procesar del mismo).

Si desea que los datos sean "π", el código HTML debe ser π.

Si quiere eso y la representación en el botón que se π entonces usted necesita:

<button type="button" value="&amp;pi;">π</button> 

(Teniendo en cuenta los diversos errores que la vieja es decir, tiene con el elemento de botón)

Eso mostrará, por supuesto, π cuando copie el valor a la entrada de texto.

Answer 3

Utilice esta opción para reemplazar todas las apariciones del personaje:

document.getElementById('input').value.replace(/π/g,"π");