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



我正在寻找一个事件处理程序,我在其中握住移位器并将其向左移动以减小数字的值,或者将其向右移动并增加数字的值。文档链接会很好。

谢谢

编辑

所以感谢这篇文章中的用户,我想出了这个方式

<!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。

相关内容

  • 没有找到相关文章

最新更新