js 利用onscroll 解决用户须知到底才能下一步的功能

最新推荐文章于 2023-02-22 14:53:15 发布
Tiger.chen
最新推荐文章于 2023-02-22 14:53:15 发布
阅读量116
点赞数
文章标签： javascript 前端 html5
本文链接：https://blog.csdn.net/weixin_43564529/article/details/121638446
版权
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		
			#info{
				width: 300px;
				height: 500px;
				background-color: #bfa;
				overflow:auto ;
			}
		
		
		</style>
		<script type="text/javascript">
		
			window.onload = function(){
				
				/*
				* 当滚动条滚到底时使表单项可用
				* onscroll
				* 	-该事件会在元素的滚动条滚动时触发
				*/
			   //获取id为info的p元素
			   var info = document.getElementById("info")
			   
			   //获取两个表单项
			   var inputs = document.getElementsByTagName("input");
			   //为info绑定一个滚动条滚动的事件
			   info.onscroll = function(){
				   //检查垂直滚动条是否滚动到底
				   if(info.scrollHeight-info.scrollTop == info.clientHeight){
					   //滚动条滚动到底，使表单项可用
					   /*
					   * disabled 属性可以设置一个元素是否禁用
					   *  如果设置为true，则元素禁用
					   *  如果设置为false，则元素可用
					   */
					   
					   inputs[0].disabled=false;
					   inputs[1].disabled=false;
				   }
			   }
			}
		
		</script>
	</head>
	<body>
		<h3> 欢迎亲爱的用户注册</h3>
		<p id="info">
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			亲爱的用户，请仔细阅读一下协议，如果你不仔细阅读你就别注册
			
		</p>
		<!-- 如果为我们表单添加 disabled="disabled"，则表单将变成不可用状态 -->
		<input type="checkbox" disabled="disabled" />我已仔细阅读协议，一定遵守
		<input type="submit" value="注册" disabled="disabled" />
	</body>
</html>
Tiger.chen
关注
0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
js 利用onscroll 解决用户须知到底才能下一步的功能

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> #info{ width: 300px; height: 500px; background-color: #bfa; overflow:auto ; } &l.
复制链接

扫一扫