Add event handlers for dynamically added neo-range-inputs

d6e7fd78adfcecdb0bca84471702b5d978f9d2b9

Cohee <18619528+Cohee1207@users.noreply.github.com>

public/script.js+14 -10 Viewed

     var isManualInput = false;
     var valueBeforeManualInput;
-    $('.range-block-counter input, .neo-range-input').on('click', function () {
+    $(document).on('input', '.range-block-counter input, .neo-range-input', function () {
         valueBeforeManualInput = $(this).val();
         console.log(valueBeforeManualInput);
-    })
+    });
-        .on('change', function (e) {
+    $(document).on('change', '.range-block-counter input, .neo-range-input', function (e) {
         e.target.focus();
-            e.target.dispatchEvent(new Event('keyup'));
+        e.target.dispatchEvent(new KeyboardEvent('keyup', { bubbles: true }));
-        })
+    });
-        .on('keydown', function (e) {
+    $(document).on('keydown', '.range-block-counter input, .neo-range-input', function (e) {
         const masterSelector = '#' + $(this).data('for');
         const masterElement = $(masterSelector);
         if (e.key === 'Enter') {

+                }
+            }
+        }
-        })
+    });
-        .on('keyup', function () {
+    $(document).on('keyup', '.range-block-counter input, .neo-range-input', function () {
         valueBeforeManualInput = $(this).val();
         console.log(valueBeforeManualInput);
         isManualInput = true;
-        })
+    });
     //trigger slider changes when user clicks away
-        .on('mouseup blur', function () {
+    $(document).on('mouseup blur', '.range-block-counter input, .neo-range-input', function () {
         const masterSelector = '#' + $(this).data('for');
         const masterElement = $(masterSelector);
         let manualInput = Number($(this).val());