输入元素范围类型在FireFox或Safari中不支持更改事件.变通办法是什么?

Question

我有一个滑块元素在我的数据可视化应用程序，我想用滑块拖动完成触发一个事件。此解决方案使用change事件，并在Chrome中工作良好。

this.slider.addEventListener('change', e => {
// do something when slider changes
})

但是，FireFox和Safari只支持input事件，因此上述方法不起作用。在FireFox和Safari中模拟change事件的最佳方法是什么?

这里是所有相关的JS代码

const slider = document.createElement('input')
slider.type = 'range'
slider.min = 10
slider.max = 20
document.body.appendChild(slider)
slider.addEventListener('change', e => {
// do something when slider changes
console.log("change");
})

Answer 1

虚警。解决了。这与输入/范围元素无关。我有一个或多个事件处理程序附加到文档，它们正在使用用于input/range元素的鼠标事件。