Question

我正在寻找一个事件处理程序，我拿着一个移位器，然后向左移动它以减少数字的值或向右移动它并增加数字的值。链接到文档会很好。

由于

EDITED

所以感谢这篇文章的用户，我想出了这样的方式

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<script type="text/javascript">

function mySlideChange(){
var sliderValue = document.getElementById("slider").value;
var display = document.getElementById("display");

display.innerHTML = sliderValue;
}
</script>
</head>
<header>

</header>

<body>

<input type="range" min="0" max="100" step="1" value="50" id="slider"        

onchange="mySlideChange()">
<span id="display">50</span>

</body>

</html>

Answer 1

是的。 rangeslider.js库是HTML5 <input type="range">滑块元素的小型JavaScript / jQuery填充。

Answer 2

你的意思是这样吗？

<强>的JavaScript ：

var slider = document.getElementById("slider"),
    display = document.getElementById("display");

var value;

slider.onchange = function(){
    value = this.value;
    display.innerHTML = value;
}

或 jQuery ：

$("#slider").change(function(){
    var value = $(this).val();
    $("#display").html(value);
});

<强> HTML ：

<input type="range" min="0" max="100" step="1" value="50" id="slider">
<span id="display">50</span>

有没有办法在Javascript中使用移位器增加或减少数字？

2 个答案: