Escriba la clave en textarea

Tengo textarea, En cada Escriba tecla presionada en textarea Quiero que se inicie una nueva línea con una viñeta digamos (*). Cómo hacerlo ?Escriba la clave en textarea

No jQuery por favor.

Puedo observar para la clave Enter, después de eso!? ¿Debo tener que obtener el valor total de textarea y anexar * a él y llenar nuevamente el textarea?

Fuente

2010-01-20 sat

¿Alguna de las respuestas ayuda? –

Siguiendo la sugerencia a continuación, llegué a la solución. – sat

se podría hacer algo como esto:

<body> 

<textarea id="txtArea" onkeypress="onTestChange();"></textarea> 

<script> 
function onTestChange() { 
    var key = window.event.keyCode; 

    // If the user has pressed enter 
    if (key === 13) { 
     document.getElementById("txtArea").value = document.getElementById("txtArea").value + "\n*"; 
     return false; 
    } 
    else { 
     return true; 
    } 
} 
</script> 

</body>

Aunque el nuevo carácter de línea de alimentación de presionar ENTER, todavía estará allí, pero es un comienzo para conseguir lo que desea.

Fuente

2010-01-20 07:35:01 williamtroup

@williamtroup: Active el formato del código para el código. –

Esto solo funcionará en IE: 'window.event' no es compatible con otros navegadores. –

Doug Crockford me dijo que te diga que uses === en lugar de ==. – MrBoJangles

Debe considerar el caso en el que el usuario presiona enter en el medio del texto, no solo al final. Yo te sugeriría que la detección de la tecla enter en el caso keyup, como se sugiere, y el uso de una expresión regular para asegurar el valor está a su gusto:

<textarea id="t" rows="4" cols="80"></textarea> 
<script type="text/javascript"> 
    function formatTextArea(textArea) { 
     textArea.value = textArea.value.replace(/(^|\r\n|\n)([^*]|$)/g, "$1*$2"); 
    } 

    window.onload = function() { 
     var textArea = document.getElementById("t"); 
     textArea.onkeyup = function(evt) { 
      evt = evt || window.event; 

      if (evt.keyCode == 13) { 
       formatTextArea(this); 
      } 
     }; 
    }; 
</script>

Fuente

2010-01-20 09:34:45

Mi escenario es cuando el usuario golpea la tecla Intro mientras se escribe en área de texto que tengo que incluir una línea break.I logra esto utilizando el código de abajo ...... Esperanza fuere ayuda a alguien ......

function CheckLength() 
{ 
    var keyCode = event.keyCode 
    if (keyCode == 13) 
    { 
     document.getElementById('ctl00_ContentPlaceHolder1_id_txt_Suggestions').value = document.getElementById('ctl00_ContentPlaceHolder1_id_txt_Suggestions').value + "\n<br>"; 
    } 
}

Fuente

2011-11-02 12:36:46 MuraliKrishna

Wow, gracias, déjame ver, verte bien: D –

sólo tiene que añadir esta poco a su área de texto.

onkeydown="if(event.keyCode == 13) return false;"

Fuente

2012-12-16 09:44:46

Tal vez puedas ampliar esta respuesta. No parece funcionar. – swdev

Se podría hacer algo como esto:

$("#txtArea").on("keypress",function(e) { 
 
    var key = e.keyCode; 
 

 
    // If the user has pressed enter 
 
    if (key == 13) { 
 
     document.getElementById("txtArea").value =document.getElementById("txtArea").value + "\n"; 
 
     return false; 
 
    } 
 
    else { 
 
     return true; 
 
    } 
 
});

<textarea id="txtArea"></textarea>

Fuente

2016-02-24 09:10:40 QuyPham

Escriba la clave en textarea

Respuesta

Cuestiones relacionadas