Задать вопрос Регистрация
Помочь другим

  • bootstrap - помогите сделать, что бы по enter содержимое текстового поля должно появляться в конце списка, а само текстовое поле очищаться. Элементы списка должны удаляться при нажатии

Ответы 1

  • <!DOCTYPE html><html> <head> <title>Название страницы</title> <script src="https://code.jquery.com/jquery-3.1.1.js"></script> <script> function ent(event) { if (event.keyCode == 13) { event.preventDefault(); var v = $('#inp').val(); var elem = $('<li></li>').text(v); elem.click(function() { $(this).remove(); }); $('#target').append(elem); $('#inp').val(''); }}$(function() { $('#inp').on("keyup", ent);});var inp = document.getElementById('inp');var target = document.getElementById('target');function kup(e){ if (!e) e = window.event; var keyCode = e.keyCode || e.which; if (keyCode == '13'){ var text = inp.value; var li = document.createElement('li'); var textNode = document.createTextNode(text); li.appendChild(textNode); li.addEventListener('click', die); target.appendChild(li); inp.value = ''; }} </script> </head> <body> <ul id="target"> </ul> <input id="inp"> </body></html>

    • Автор:

      peteri4p7
    • 5 лет назад
    • 0

  • Добавить свой ответ

Еще вопросы

Топ пользователей

Войти через Google

 или

Забыли пароль?

У меня нет аккаунта, я хочу Зарегистрироваться

How much to ban the user?
1 hour 1 day 100 years