Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Javascript中有没有一种方法可以通过移位器来增加或减少一个数字?_Javascript_Jquery_Ajax_Event Handling - Fatal编程技术网

在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使用了您的代码,并以不同的格式对其进行了格式化。不太喜欢匿名函数。请参阅主要问题中的编辑,再次感谢您的帮助。