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;
     $(document).on('input', '.range-block-counter input, .neo-range-input').on('click', 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 EventKeyboardEvent('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
             $(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());