ой всё

не обязательно отлавливать ввод, это можно делать для всех полей текущего слайда при нажатии кнопки перехода на следующий

но лучше сохранять значения всех полей в json, а потом на последнем слайде загружать эти данные в последнюю форму или нередактируемый список, этот же json в финальном варианте можно и отправить через ajax

вот как вы сказали, так и есть - это способ взаимодействия и обмена данными сервера и клиента
данные на клиенте, промежуточные состояния данных не хранятся на сервере, данные можно кэшировать
данные могут быть в виде json, html, xml
URI, унифицированный интерфейс доступа к данным, вместо бесконечного серверного кода с запросами к бд для каждого проекта по отдельности
в википедии английской все подробно написано, может и на русский так же хорошо перевели

$('p').contents().unwrap();

не водите много раз, водите один раз
все события становятся в очередь и выполняют вашу анимацию - все работает корректно

если вам не нравится как это работает, определите результат, которые вы хотите получить, и напишите код для него, например запоминайте время когда провели первый раз и делайте задержку на 5 минут, чтобы анимация не срабатывала

но как вы узнаете, что, как и когда делает юзер на самом деле?

судя по всему никак
вам придется писать обработчики на каждое событие

а если значение или действие зависит от больше чем от одного события, то у вас начнутся бесконечные макароны

учитесь назначать элементам уникальные id и всегда обращаться через них в коде, и будет вам счастье

а css классы оставьте для дизайна

улучшения читаемости кода у вас не будет до тех пор, пока вы не будете ясно представлять, что у вас происходит на странице, и уж ни в каком варианте улучшение читаемости кода не может быть самоцелью

сначала объектная модель и алгоритм, а потом уже читаемость появлятся сама

keyCode нужен, если вам важна конкретная клавиша, а вашем случае можно просто читать значение инпута
вот такой код работает у нас вроде бы на всех устройствах, мы так убираем нули и лишние цифры после десятичной точки, должно работать и для пробела

$("ваш инпут").on("keypress", function (event) {
  if( $(this).val() == " " ) {
      // выполнять нужные действия
  }
});

пробелы по краям мы убираем с помощью jquery trim() по событию blur или focusout, то есть если вводится один пробел то он сразу удаляется

с эфиром ни в каком виде дела я не имела, но вот что возвращает консоль на простых примерах

var inp = [];
undefined
inp[0]
undefined
var inp = [0]
undefined
inp[0]
0
var inp = [99]
undefined
inp[0]
99

то есть, если в ваших inputs пустой массив без данных, то и получить данные из него нельзя

из-за javscript и дрожит
такие вещи пишутся в css
тут уже был похожий код сегодня, правда еще хуже, чем этот

сделать два разных css - для десктопа и мобильных устройств
в js назначаются или удалются только соответствующе css классы
а то, что вы написали жаваскриптом - это ужас-ужас, в общем, прогаммирование даже такое простое - это не ваше

сама анимация занимает какое-то время
и если вы проводите мышкой быстрее, чем нужно для полного цикла анимации, то он может не успеть сработать

delay:i/250, - но если ее уменьшить, вы вообще можете не увидеть никакой анимации

всё, забили тостер долбанной капчей, ломайте голову сами

если без календаря все окей, то скорее всего ошибка в календаре, а все остальные ошибки идут за ошибкой в календаре
если не работает даже дефолтная версия и нет времени колупаться в ошибках этого, можно попробовать другой календарь

ангуляр - это катастрофа в виде hardcoded html в худшем его воплощении, причем версии этой катастрофы множатся пропорционально доходам гугла, причем другие типа реакта и вью ничем не лучше

если у вас минимальное количество бизнес логики на фронтенде, то обойдетесь jquery и данными в хорошо структурированном json, а если много интерактива/валидаций, то лучше написать свой легкий framework на основе того же jquery, который потом можно использовать в других проектах

полю input присваиваете id, заворачиваете код внтури closePopup в if с условием проверки фокуса
у вас же есть другие if-ы с проверкой значения, сделайте по аналогии

добавить в тэг инпута disabled

во всех браузерах есть developer tools - console, network, sources, etc.
там как раз и показываются все проблемы загрузки

вот такой нашелся
idangero.us/swiper
тут примеры тач слайдеров
https://css-tricks.com/the-javascript-behind-touch...

если есть доступ к исходникам, то проще сделать копию контента, скажем в простом html или xml и рендерить страницу на втором домене в нужном вам виде

выведите в консоль значение var checked