我正在寻找一个事件处理程序,我在其中握住移位器并将其向左移动以减小数字的值,或者将其向右移动并增加数字的值。文档链接会很好。
谢谢
编辑
所以感谢这篇文章中的用户,我想出了这个方式
<!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>
你的意思是这样吗?
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>
是的,有。rangeslider.js 库是 HTML5 <input type="range">
滑块元素的小型 JavaScript/jQuery polyfill。