Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.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 在jQuery中获取并显示当前滑块值的事件是什么?_Javascript_Jquery_Slider - Fatal编程技术网

Javascript 在jQuery中获取并显示当前滑块值的事件是什么?

Javascript 在jQuery中获取并显示当前滑块值的事件是什么?,javascript,jquery,slider,Javascript,Jquery,Slider,当滑块改变时,我尝试获取当前jQuery滑块值并将其显示到textfield中。但JS中执行脚本的事件是什么?我有这样的剧本: 函数add_value_textarea(){ var sliderval=$(“#滑块”).滑块(“值”); var txtarea=document.getElementById('mytextfield'); 返回txtarea.value=sliderval; } window.onclick=add\u value\u textarea; 当我在文档中的所有

当滑块改变时,我尝试获取当前jQuery滑块值并将其显示到textfield中。但JS中执行脚本的事件是什么?我有这样的剧本:

函数add_value_textarea(){
var sliderval=$(“#滑块”).滑块(“值”);
var txtarea=document.getElementById('mytextfield');
返回txtarea.value=sliderval;
}
window.onclick=add\u value\u textarea;

当我在文档中的所有位置单击时,它都起作用,但在滑块上单击时则不起作用。我知道我可以使用slider div显示值,但我需要在textfield中使用它。

您要查找的是slider的
change
事件

$( "#slider" ).slider({
  change: function( event, ui ) {
      $("#some").text(ui.value);
  }
});
使用html

<div id="slider"></div>

<input type="text" id="some"/>

我想这就是你要找的。在创建滑块时(或之后,但我不知道为什么要这样做)指定更改事件的侦听器。
此外,您还可以使用jQuery,因此可以通过此侦听器更改所有这些内容:

function(e, ui) {
    $('#mytextfield').val(ui.value);
}
slide的不同之处在于,文本框的值将随着滑块的移动而改变(不释放滑块)。如果使用“更改”,则释放滑块时文本框的值仅更改一次

另一个区别是,如果只单击滑块(而不实际滑动),则不会触发滑动事件,而更改事件会触发

所以你有两个选择。挑选:)

$( "#slider" ).slider({
slide: function( event, ui ) {
        $( "#mytextfield" ).val( ui.value );
      }
    });