Bootstrap 4.3 Slider - как перехватить событие во время слайда с помощью jQuery? - PullRequest
Новая
       21

Bootstrap 4.3 Slider - как перехватить событие во время слайда с помощью jQuery?

1 голос
/ 31 марта 2020

Я пытаюсь поймать значение ползунка во время слайда . Я могу получить его, когда слайд будет выпущен, с новым значением, но я не могу найти нужное событие, которое вызывается во время слайда. Посмотрел в Интернете но в основном ресурсы пу sh, чтобы вы включили другие библиотеки. Есть ли простой способ сделать это со стандартными Bootstrap компонентами и событиями?

HTML

  <div class="custom-control custom-range">
        <input id="IDbuttonTBD4" class="custom-range" type="range">
        <label for="IDbuttonTBD4"></label>
   </div>

JSS 

$("#IDbuttonTBD11").change(function (e) {
    var selection = $(this).val();

    // rest of the code here...
});

1 Ответ

1 голос
/ 31 марта 2020

Используйте input change слушателей: 

$(document).ready(function() {
  const $value = $('#slider');
  $value.on('input change', () => {
    console.log($value.val());
  });
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<label for="slider">Range 0 - 100</label>
<input type="range" class="custom-range" id="slider">
...