打字稿中的 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;

但是值沒有改變，你知道oninput中的oninput事件是什么嗎？

Answer 1

要捕獲更改，您應該使用滑塊對象的 oninput 方法，如下所示：

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

根據 w3s 站點示例在此處查找工作筆