Question

HTML5 stepUp(1)和stepDown(1)在IE中不起作用。这是我的代码：

<div class = "col-sm-3">
    <div class = "waist">             
        <p class = "waist-measure" id="mens-bottom-waist">Waist</p>
        <a class = "waist-plus btn" onclick="waistPlus()">+</a>
        <a class = "waist-minus btn " onclick="waistMinus()">-</a>
    </div>
</div>

<script>
function waistPlus() {
    document.getElementById("waist").stepUp(1);
}
    function waistPlus() {
    document.getElementById("waist").stepDown(1);
}
</script>

Answer 1

方法stepUp和stepDown仅在<input>元素type="number"上定义。文档中包含id="waist"的元素不属于该类型，因此方法无效。

Answer 2

IE不支持stepUp和stepDowm方法。您可以使用以下方法实现此目的：

var my_value = 1;
function stepup(){
  var cur_val = document.querySelector("#quantity").value;
  if(cur_val == 1 || cur_val > 1){
    //Parse Current Value to Int
    my_value = (parseInt(cur_val) + 1);
	  document.querySelector("#quantity").value = my_value;
  }
}

function stepdown(){
 var cur_val = document.querySelector("#quantity").value;
 if(cur_val > 1){
  //Parse Current Value to Int
  my_value = (parseInt(cur_val) - 1);
	document.querySelector("#quantity").value = my_value;
  }
}

<input type="number" id="quantity" autocomplete="off" step="1" value="1"/>
<button type="button" onclick="stepup();">StepUp</button>
<button type="button" onclick="stepdown();">StepDown</button>

希望这会有所帮助

stepUp（1），stepDown（1）在IE中不起作用

2 个答案: