1

Quero que ao apertar a tecla Enter o valor seja inserido na página HTML usando jQuery.

O código abaixo é input simples em HTML:

<!doctype html>
<html>
  <head>
    <title>Somar Arrays</title>
  </head>
  <body>

    <section class="vetores">
      <p>Adicione números:</p>
      <input type="text"><button>+</button>
    </section>

    <section class= "imprimir"></section>

      <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
      <script src="funcao.js"></script>
  </body>
</html>

O código abaixo, em JavaScript, permite que valores sejam inseridos com o click do mouse, mas como fazer funcionar quando aperto a tecla enter?

var main = function() {
        "use strict";

    //Permite que os valores sejam inseridos a partir do click do mouse
        $(".vetores button").on("click", function(event){
            var $nro;

                if ($(".vetores input").val() !== "") {
                    $nro = $("<p>").text($(".vetores input").val());
                    $(".imprimir").append($nro);
                    $(".vetores input").val("");
                }
        });

    //Permite que os valores sejam inseridos a partir da tecla enter
        $(".vetores button").on("keypress", function(event){
            var $nro;

            if(event.keyCode === 13){
                if ($(".vetores input").val() !== "") {
                    $nro = $("<p>").text($(".vetores input").val());
                    $(".imprimir").append($nro);
                    $(".vetores input").val("");
                }
            }
    });

    };

    $(document).ready(main);

1 Resposta 1

1

O evento de keypress deve ser associado ao input, e não ao botão.

Troque de:

$(".vetores button").on("keypress", function(event){

Para:

$(".vetores input").on("keypress", function(event){
1
  • Muito obrigada! Commented 3/10/2015 às 19:24

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .