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