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


废话不多说,先上图:

 

实时事件:

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

鼠标抬起事件

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

  

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM