javascript - 打字稿中的oninput事件

Question

使用滑块，我尝试捕捉用户何时更改滑块的值以显示它，如下所示：https ://www.w3schools.com/howto/howto_js_rangeslider.asp

但是这段代码不适用于打字稿，所以目前我有以下代码：

 var slider = (<HTMLInputElement>document.getElementById("myRange")).value;
    var output =  document.getElementById("demo");
    output.innerHTML = slider

为了赶上这个事件，我尝试了：

const onChange = output.innerHTML = slider;

但是值没有改变，你知道oninputtypescript 中的事件是什么吗？

标签： javascripttypescriptdomevents

Answer 1

要捕获更改，您应该使用滑块对象的 oninput 方法，如下所示：

slider.oninput = e => {
    output.innerHTML = e.target.value;
};

根据 w3s 站点示例在此处查找工作笔