input type=range 实时跟踪事件和鼠标抬起事件

废话很少说,先上图:javascript

 

实时事件:html

<input id="goOrBack" max="1940" min="1032" type="range"> 
$('#goOrBack').on('input propertychange',function(){//实时事件(获取每一个变化的值)
        let val=$('#goOrBack').val();
        console.log(val);//打印出的值
        $('#goOrBackVal').html(val);//获取实时的值
    })

鼠标抬起事件java

$('#goOrBack').on('mouseup',function(){ //鼠标抬起事件(获取最后一个值)
	let val=$('#goOrBack').val();
	alert(val)
});

  

 

相关文章
相关标签/搜索