1

Tengo este html :

<div class="table-responsive">
    <textarea class="w100" ng-model="comment" name="comment">  
    </textarea>
</div>

<div class="modal-footer">
    <input type="button" ng-click="saveChat(comment)" value="Send"/>
</div>

Cuando estoy escribiendo en el textarea si le doy a enter da un salto de linea, como hago para que haga click en el boton?

2 respuestas 2

3

Puedes hacer un evento onkeypress y si esa tecla pulsada es un Intro(keyCode 13) que pulse el botón.

Puse que además no esté pulsada el Shift para que si lo mantienes pulsado si puedas saltar la linea

<textarea class="w100" ng-model="comment" name="comment" onkeypress="pulsar(event)">  

<input type="button" ng-click="saveChat(comment)" value="Send" id="boton" />

function pulsar(e) {
    if (e.keyCode === 13 && !e.shiftKey) {
        e.preventDefault();
        var boton = document.getElementById("boton");
        angular.element(boton).triggerHandler('click');
    }
}
3
  • gracias por tu respuesta, funciona!
    – sirdaiz
    el 20 abr. 2017 a las 10:23
  • me alegra ser de ayuda, @sirdaiz. Un saludo
    – lois6b
    el 20 abr. 2017 a las 10:24
  • Buenas. Una duda de la respuesta. En el caso de no utilizar angular, como despliego el evento "click"? con $('#id').on('click')? el 24 abr. 2020 a las 10:00
0

mira puedes utilizar el listener "OnKeyPress" y la funcion verificando la propiedad .code

function Enter(e) {
    if (e.code === "Enter") {
      e.preventDefault();
        let i=document.getElementById("input").value="";
        console.log("buscar: "+i)
     
    }
}
<input type="text" id="input" placeholder="Search" onKeyPress="Enter()">

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.