javascript和class class = input-range在ie中不起作用 [英] javascript and class class=input-range doesn't work in ie

问题描述

我遇到一些问题，一些简单的javascript无法工作。我的代码在这里：

I am having an issue with some simple javascript not working in ie. My code is here:

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

它适用于所有其他浏览器。

It works just fine in all other browsers.

推荐答案

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

Use onchange instead of oninput. Worked in 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>

这篇关于javascript和class class = input-range在ie中不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！