JavaScript 和类 class=input-range 在 IE 中不起作用

Question

我在IE中无法正常工作的一些简单javascript遇到了问题。我的代码在这里：

<script>
function test(){
var myDivElem = document.getElementById("mydiv");
var sizerange= document.getElementById("sizeID");
myDivElem.innerHTML = sizerange.value;
}
</script>
<div>
<p>
<form action="url-link-here" method="post">
<span id="mydiv">100</span>
<input class="input-range" id="sizeID" oninput="test()" type="range" name="size" value="100" min="5" max="250" step ="5">

它在所有其他浏览器中都可以正常工作。

Answer 1

使用 onchange 而不是 oninput。在IE11工作

function test() {
    var myDivElem = document.getElementById("mydiv");
    var sizerange = document.getElementById("sizeID");
    myDivElem.innerHTML = sizerange.value;
  }

<form action="url-link-here" method="post">
  <span id="mydiv">100</span>
  <input class="input-range" id="sizeID" oninput="test()" onchange="test()" type="range" name="size" value="100" min="5" max="250" step="5">
</form>