Question

html输入范围值为0 - 100，如何将事件侦听器附加到特定值？例如，当达到45的值时，请更改背景颜色。

<input id="myrange" type="range" min="0" max="100" />

Answer 1

使用jQuery

＆＃13;

$("#myRange").change(onSlideChange);

function onSlideChange(){
 var val = $("#myRange").val();
 if(val==45){
   $("#result").text("It's 45");
 }else{
   $("#result").text("It's another value ("+val+")");
 }
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="range" id="myRange" value="90">
<div id="result"></div>

＆＃13;

Answer 2

试试这个

HTML

<input type="range" id="myRange" value="90"  onchange="showVal(this.value)">

的js

function showVal(val){
 if(val==45){
   alert("It's 45");
 }else{
   alert("It's "+val);
 }
}

在这里，你可以做任何你想做的事情，而不是显示警报。）

将事件侦听器附加到特定输入范围值

2 个答案: