full

js/app.js

@@ -50,6 +50,97 @@ document.addEventListener('DOMContentLoaded', function() {
       window.addEventListener('resize', updateMainPadding);
 });*/
 
+// Используем делегирование событий для динамически загружаемых форм
+document.addEventListener('DOMContentLoaded', function () {
+  // Делегирование для focus события
+  document.addEventListener('focus', function (e) {
+    if (e.target.matches('#fluentform_4 .ff-el-form-control')) {
+      var group = e.target.closest('.ff-el-group');
+      if (group) group.classList.add('focused');
+    }
+  }, true); // используем capture phase
+
+  // Делегирование для blur события
+  document.addEventListener('blur', function (e) {
+    if (e.target.matches('#fluentform_4 .ff-el-form-control')) {
+      var group = e.target.closest('.ff-el-group');
+      if (group) group.classList.remove('focused');
+    }
+  }, true);
+
+  // Делегирование для input события
+  document.addEventListener('input', function (e) {
+    // Обычные поля формы
+    if (e.target.matches('#fluentform_4 .ff-el-form-control')) {
+      var group = e.target.closest('.ff-el-group');
+      if (group) {
+        if (e.target.value.trim() !== '') {
+          group.classList.add('has-value');
+        } else {
+          group.classList.remove('has-value');
+        }
+      }
+    }
+
+    // Форматирование телефона
+    if (e.target.matches('#fluentform_4 .ff-el-phone')) {
+      formatPhoneNumber(e);
+    }
+  });
+
+  // Делегирование для keydown события (для телефона)
+  document.addEventListener('keydown', function (e) {
+    if (e.target.matches('#fluentform_4 .ff-el-phone')) {
+      handlePhoneKeydown(e);
+    }
+  });
+
+  // Функция форматирования телефона
+  function formatPhoneNumber(e) {
+    var value = e.target.value.replace(/\D/g, '');
+
+    // Заменяем 8 на 7
+    if (value.startsWith('8')) {
+      value = '7' + value.slice(1);
+    }
+
+    // Добавляем 7 если нет
+    if (!value.startsWith('7') && value.length > 0) {
+      value = '7' + value;
+    }
+    var formattedValue = '';
+    if (value.length > 0) {
+      formattedValue = '+7';
+      if (value.length > 1) {
+        formattedValue += ' (' + value.slice(1, 4);
+        if (value.length > 4) {
+          formattedValue += ') ' + value.slice(4, 7);
+          if (value.length > 7) {
+            formattedValue += '-' + value.slice(7, 9);
+            if (value.length > 9) {
+              formattedValue += '-' + value.slice(9, 11);
+            }
+          }
+        }
+      }
+    }
+    e.target.value = formattedValue;
+  }
+
+  // Функция обработки клавиш для телефона
+  function handlePhoneKeydown(e) {
+    if (e.key === 'Backspace' || e.key === 'Delete') {
+      var cursorPos = e.target.selectionStart;
+      var value = e.target.value;
+      if (cursorPos > 0 && [' ', '(', ')', '-'].includes(value[cursorPos - 1])) {
+        setTimeout(function () {
+          e.target.setSelectionRange(cursorPos - 1, cursorPos - 1);
+        }, 0);
+      }
+    }
+  }
+});
+
 /***/ })
 
 /******/ 	});