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

2年前 (2022) 程序员胖胖胖虎阿
255 0 0

废话不多说,先上图:

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 实时跟踪事件和鼠标抬起事件

 

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

 

版权声明:程序员胖胖胖虎阿 发表于 2022年11月13日 下午12:00。
转载请注明:input type=range 实时跟踪事件和鼠标抬起事件 | 胖虎的工具箱-编程导航

相关文章

暂无评论

暂无评论...