在更改范围 slider 时运行 function

Question

我的网站上有一个<input type="range"> 。

我的 function 听这个变化是这样调用的：

$("#selector").bind("change", function() {
    //do stuff
});

这就是我想要它做的，但它只在我释放范围缩略图时发生

Answer 1

每次更改元素值时，不一定会触发更改事件。

MDN 文档

---

改用input事件。

没有 jQuery 你可以做

 const input = document.querySelector("input"); input.addEventListener("input", function(event) { console.log(event.target.value); });

 <input type="range" />

或与 jquery

 $('input').on('input', function(event) { console.log(event.target.value); });

 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script> <input type="range" />