type类型为range的input标签，value值改变随即执行的事件

最新推荐文章于 2022-11-29 11:44:38 发布

weixin_30514745

最新推荐文章于 2022-11-29 11:44:38 发布

阅读量737

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lijiahui199494/p/5978532.html

版权

当改变range的value值时，不用松开鼠标就能触发改变事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			img{
				width: 200px;
			}
		</style>
	</head>
	<body>
		<script src="js/jquery.min.js"></script>
		<input id="size" type="range" max="1000" min="100" value="100" step="50" />
		<p>
			<img src="img/timg.jpg" id="pic"/>
		</p>
		<script type="text/javascript">
			$('#size').on('input propertychange',function(){
				$('#pic').css('width',$('#size').val() + 'px');
			})
		</script>
	</body>
</html>

转载于:https://www.cnblogs.com/lijiahui199494/p/5978532.html