我已經實現了一個范圍滑塊,它使用該值從數組中獲取元素并顯示該元素,而不是顯示范圍值.它適用于Chrome和Firefox但不適用于IE 11 - 當滑塊移動時,該值不會獲得更新的元素.

HTML:

type="range"

min=1

max=10

value=0

id="fader"

step=1

οninput="outputUpdate(years[value])"

>

1908

使用Javascript:

var years = [0,1908, 1910, 1912, 1915, 1920, 1935, 1949, 1982, 2005, 2015];

function outputUpdate(vol) {

document.querySelector('#volume').value = vol;

}

通過搜索,我發現這與"oninput"在IE中的工作原理(或不工作原理)有關.

我試著從這里加入解決方案

type="range"

min="5"

max="10"

step="1"

οninput="showVal(this.value)"

οnchange="showVal(this.value)"

>

但它仍然沒有更新.

總結

以上是生活随笔為你收集整理的html oninput的作用,html范围滑块 - oninput在IE 11中不起作用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。