Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

360
Visualizações
Cómo llamar a la función al presionar la tecla enter con html

Tengo este marcado:

 <input type="text" placeholder="..."> <button type="button" onclick="newInput();">Enter</button>

¿Y quiero saber cómo llamar a mi función escribiendo enter en lugar de tener que presionar el botón?

¿Como pudiste hacer esto?

Editar: esto se puede hacer con JS usando detectores de eventos, pero quiero saber si puede llamar a la función en HTML puro.

about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

Usé un detector de eventos "enviar" en su formulario. Debe llamar a preventDefault() en el evento, en su función, para evitar el comportamiento predeterminado del envío del formulario.

Por favor, vea el fragmento a continuación

 function newInput(e){ e.preventDefault(); alert('Function called'); } // The form element var form = document.getElementById("submitForm"); // Attach event listener form.addEventListener("submit", newInput, true);
 <form id="submitForm"> <input type="text" placeholder="..."> <button type="submit">Enter</button> <form>

EDITAR: con respecto a su edición, también puede usar el atributo "onsubmit" en el elemento de formulario:

 function newInput(){ alert('Function called'); }
 <form onsubmit="newInput()" id="submitForm"> <input type="text" placeholder="..."> <button type="submit">Enter</button> <form>

about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda