javascript 和 class class=input-range 在 ie 中不起作用答案

【问题标题】：javascript and class class=input-range doesn't work in iejavascript 和 class class=input-range 在 ie 中不起作用
【发布时间】：2016-01-27 09:39:22
【问题描述】：

我遇到了一些简单的 javascript 无法在 ie 中运行的问题。我的代码在这里：

<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">

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

【问题讨论】：

尝试“onchange”而不是“oninput”。 :)
可能重复stackoverflow.com/questions/8999998/… 看起来是正常的 IE 问题。
感谢一百万！现在它在 IE 中按预期工作，但是该值仅在其他浏览器中释放鼠标时发生变化。嗯

标签： javascript internet-explorer slider range

【解决方案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>

【讨论】：

现在它在 IE 中按预期工作，但是该值仅在其他浏览器中释放鼠标时发生变化。
好的，解决方案是同时调用 onchange 和 oninput。谢谢！
@PeterWang 哦，我没有检查其他浏览器。无论如何，我已经编辑了答案。您能否将其标记为正确。谢谢