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)
});

  

 

相關文章
相關標籤/搜索