Javascript 在jQuery中获取并显示当前滑块值的事件是什么?
当滑块改变时,我尝试获取当前jQuery滑块值并将其显示到textfield中。但JS中执行脚本的事件是什么?我有这样的剧本: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; 当我在文档中的所有
函数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 );
}
});