在Javascript中有没有一种方法可以通过移位器来增加或减少一个数字?
我在寻找一个事件处理程序,在这里我拿着一个移位器,或者向左移动以减少一个数字的值,或者向右移动以增加一个数字的值。链接到文档会很好 谢谢 编辑 多亏了这篇文章的用户,我想出了这个方法在Javascript中有没有一种方法可以通过移位器来增加或减少一个数字?,javascript,jquery,ajax,event-handling,Javascript,Jquery,Ajax,Event Handling,我在寻找一个事件处理程序,在这里我拿着一个移位器,或者向左移动以减少一个数字的值,或者向右移动以增加一个数字的值。链接到文档会很好 谢谢 编辑 多亏了这篇文章的用户,我想出了这个方法 <!DOCTYPE html> <html> <head> <title>Title of the document</title> <script type="text/javascript"> function mySlideChange
<!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>
文件标题
函数mySlideChange(){
var sliderValue=document.getElementById(“slider”).value;
var display=document.getElementById(“display”);
display.innerHTML=sliderValue;
}
50
是的,有。该库是HTML5滑动条元素的一个小型JavaScript/jQuery多边形填充。是的。该库是HTML5滑动条元素的一个小型JavaScript/jQuery多边形填充。您的意思是这样的吗
JavaScript:
var slider = document.getElementById("slider"),
display = document.getElementById("display");
var value;
slider.onchange = function(){
value = this.value;
display.innerHTML = value;
}
$("#slider").change(function(){
var value = $(this).val();
$("#display").html(value);
});
<input type="range" min="0" max="100" step="1" value="50" id="slider">
<span id="display">50</span>
或jQuery:
var slider = document.getElementById("slider"),
display = document.getElementById("display");
var value;
slider.onchange = function(){
value = this.value;
display.innerHTML = value;
}
$("#slider").change(function(){
var value = $(this).val();
$("#display").html(value);
});
<input type="range" min="0" max="100" step="1" value="50" id="slider">
<span id="display">50</span>
HTML:
var slider = document.getElementById("slider"),
display = document.getElementById("display");
var value;
slider.onchange = function(){
value = this.value;
display.innerHTML = value;
}
$("#slider").change(function(){
var value = $(this).val();
$("#display").html(value);
});
<input type="range" min="0" max="100" step="1" value="50" id="slider">
<span id="display">50</span>
50
你的意思是这样的吗
JavaScript:
var slider = document.getElementById("slider"),
display = document.getElementById("display");
var value;
slider.onchange = function(){
value = this.value;
display.innerHTML = value;
}
$("#slider").change(function(){
var value = $(this).val();
$("#display").html(value);
});
<input type="range" min="0" max="100" step="1" value="50" id="slider">
<span id="display">50</span>
或jQuery:
var slider = document.getElementById("slider"),
display = document.getElementById("display");
var value;
slider.onchange = function(){
value = this.value;
display.innerHTML = value;
}
$("#slider").change(function(){
var value = $(this).val();
$("#display").html(value);
});
<input type="range" min="0" max="100" step="1" value="50" id="slider">
<span id="display">50</span>
HTML:
var slider = document.getElementById("slider"),
display = document.getElementById("display");
var value;
slider.onchange = function(){
value = this.value;
display.innerHTML = value;
}
$("#slider").change(function(){
var value = $(this).val();
$("#display").html(value);
});
<input type="range" min="0" max="100" step="1" value="50" id="slider">
<span id="display">50</span>
50
你指的是滑块吗?我想你应该在输入上使用onchange
事件(在jQuery中.change()
)你指的是滑块吗?我想你应该使用onchange
事件(在jQuery中.change()
)在输入上
键入范围
,您认为所有浏览器都支持该功能吗?提前感谢。支持所有主流浏览器,包括IE8+,您认为所有浏览器都支持它吗?提前感谢。支持所有主要浏览器,包括IE8+感谢您提供所有可能的方式。我的意思是可能会有更多,但这对我来说很有用。我正在尝试调整图像的色调和饱和度。谢谢不客气@卡里托斯很乐意帮忙:-)如果你在路上遇到任何问题,一定要让我知道!:DI使用了您的代码,并以不同的格式对其进行了格式化。不太喜欢匿名函数。请参阅主要问题中的编辑,再次感谢您的帮助。感谢您提供所有可能的方法。我的意思是可能会有更多,但这对我来说很有用。我正在尝试调整图像的色调和饱和度。谢谢不客气@卡里托斯很乐意帮忙:-)如果你在路上遇到任何问题,一定要让我知道!:DI使用了您的代码,并以不同的格式对其进行了格式化。不太喜欢匿名函数。请参阅主要问题中的编辑,再次感谢您的帮助。