1

Пытаюсь сделать автодобавление input на страницу по нажатию клавиши Enter.

HTML:

<div id="block">
<input type="text" class = "editable"><br>
</div>

JavaScript:

$(".editable").keyup(function(e){
  if(e.which == 13){
      $(this).after("<input type='text' class='editable'><br>");
  } 
})

Первый раз input вставляется корректно. Если же в нем текст и нажать Enter, то ничего не происходит. Не подскажете, как это побороть?

1 ответ 1

0

function keyupHandler(e) {
  if (e.which == 13) {
    var $newInput = $("<input type='text' class='editable'><br>").keyup(keyupHandler);
    $(this).after($newInput);
  }
}  
$(".editable").keyup(keyupHandler);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="block">
  <input type="text" class="editable"><br>
</div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.