我已經(jīng)實(shí)現(xiàn)了一個(gè)范圍滑塊,它使用該值從數(shù)組中獲取元素并顯示該元素,而不是顯示范圍值.它適用于Chrome和Firefox但不適用于IE 11 - 當(dāng)滑塊移動(dòng)時(shí),該值不會(huì)獲得更新的元素.

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;

}

通過(guò)搜索,我發(fā)現(xiàn)這與"oninput"在IE中的工作原理(或不工作原理)有關(guān).

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

type="range"

min="5"

max="10"

step="1"

οninput="showVal(this.value)"

οnchange="showVal(this.value)"

>

但它仍然沒(méi)有更新.

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。