程序员社区

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

废话不多说,先上图:

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

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

 

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

 

赞(0) 打赏
未经允许不得转载:IDEA激活码 » input type=range 实时跟踪事件和鼠标抬起事件

一个分享Java & Python知识的社区