javascript - 有没有办法用 JavaScript 中的移位器来增加或减少数字?

标签 javascript jquery ajax event-handling

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

谢谢

已编辑

感谢这篇文章的用户,我想出了这种方法

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

关于javascript - 有没有办法用 JavaScript 中的移位器来增加或减少数字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41540329/

相关文章:

javascript - 如何确定哪个元素具有特定类名?

jquery - 获取带有 AJAX 错误的服务器响应?

javascript - 如何使用 window.document.write 渲染将 HTML 写入新选项卡?

javascript - 使用 underscore.js 迭代对象

JavaScript 计算 div 的随机位置而不发生碰撞

javascript - 代码仅在调试器模式下工作,并在 console.log 处设置断点,否则不起作用

php - Codeigniter 中的分页 ajax,从数据库加载数据 otomatis

javascript - 如何解决 jquery-mobile 的页面导航问题

javascript - Highcharts:如果绘图线沿 x 轴移动,则调整绘图带的大小

javascript - 如何在 Elm 中捕获服务器事件