欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 编程资源 > 编程问答 >内容正文

编程问答

html oninput的作用,html范围滑块 - oninput在IE 11中不起作用

发布时间:2024/10/14 编程问答 24 豆豆
生活随笔 收集整理的这篇文章主要介绍了 html oninput的作用,html范围滑块 - oninput在IE 11中不起作用 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

我已经实现了一个范围滑块,它使用该值从数组中获取元素并显示该元素,而不是显示范围值.它适用于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中不起作用的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。