js-只有在垂直滚动条划到底部时候才可以进行注册协议

最新推荐文章于 2024-10-17 09:40:47 发布

¡Venceremo

最新推荐文章于 2024-10-17 09:40:47 发布

阅读量261

点赞数

分类专栏： javascript 文章标签： javascript 前端 1024程序员节

本文链接：https://blog.csdn.net/weixin_47295886/article/details/127507203

版权

javascript 专栏收录该内容

133 篇文章 0 订阅

订阅专栏

表单元素：disabled="diasbled"代表不能点击

		<input type="checkbox" disabled="disabled">我已仔细阅读协议，一定遵守
		<br>
		<input type="submit" value="注册" disabled="diasbled">

onscroll事件：鼠标滚动事件

disabled：true 禁用 false 不禁用

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#info{
				width: 200px;
				height: 400px;
				background-color: #bfa;
				overflow: auto;
			}
		</style>
		<script>
			window.onload=function(){
				var info =document.getElementById("info");
				var inputs=document.getElementsByTagName("input");
				info.onscroll=function(){
					if(info.scrollHeight-info.scrollTop==info.clientHeight){
						//说明滚到底
						inputs[0].disabled=false;
						inputs[1].disabled=false;
						
					}else{
						inputs[0].disabled=true;
						inputs[1].disabled=true;
					}
				};
			}
		</script>
	</head>
	<body>
		<h3>欢迎亲爱的用户注册</h3>
		<p id="info">
			Lorem ipsum dolor, sit amet
			 consectetur adipisicing elit. 
			 Facere incidunt ullam eveniet 
			 consectetur, exercitationem neque h
			 ic eligendi atque dolorem nemo volupt
			 ate cum libero ab totam, quia quibusdam l
			 abore? Enim incidunt minima, non nesciunt natus
			  hic illo eaque soluta labore magni, consectetur
			   tempora! Beatae cupiditate quo maiores, quisquam 
			   eos mollitia asperiores veniam magni quam nobis delec
			   tus reprehenderit aut quae excepturi omnis possimus repudiandae accusantium animi id harum soluta molestiae eaque. Repellat tenetur reprehenderit asperiores consequatur modi accusamus, reiciendis sapiente earum. Mollitia quis commodi culpa sit magni sint sunt esse, dolores, minus ea quas cupiditate illum nulla, voluptate nam perferendis reprehenderit aliquid ipsa ut eligendi. Animi, laudantium assumenda corporis voluptatem vitae qui fugit quae, ut fugiat delectus sequi. Obcaecati, quaerat ab voluptatum tempore facere tempora fugiat aliquam odio, officia corrupti enim, corporis ratione. Harum pariatur quibusdam blanditiis, nihil tempore eligendi illo aliquam at fuga sequi. Ullam ut, possimus consequatur obcaecati soluta sapiente quia repellendus magni, accusamus ipsum quibusdam maxime molestiae! Voluptas ad nihil repellendus enim explicabo modi minima amet accusamus totam aliquam. Quas enim exercitationem, incidunt distinctio sapiente quae. Incidunt fuga expedita dolor doloremque tempora animi ullam aspernatur aut tempore quod neque est blanditiis deleniti, sunt quis minima temporibus? Quis dolor, modi odit eos magnam molestias reiciendis! Distinctio veniam magnam praesentium fugiat minima, quas doloribus saepe nihil delectus aut veritatis quae voluptates optio debitis illum? Rem, unde! Modi beatae totam excepturi id adipisci laboriosam, ullam repellat a odio delectus reiciendis, voluptate obcaecati est nam laborum ratione? Molestias nisi doloribus, iste optio commodi earum quo error soluta natus illo, distinctio dignissimos est omnis quibusdam alias expedita hic laboriosam similique nulla dolorem accusamus. Provident harum amet nulla ducimus, recusandae vitae ratione rem voluptate debitis nisi eaque doloribus aut cupiditate porro illo saepe eveniet cumque. Ipsum, eligendi ex. Porro, non eligendi? Architecto incidunt dolorem quam optio voluptatum corporis sed quia tenetur adipisci odit repellat distinctio recusandae, necessitatibus voluptatem et, obcaecati esse iure deserunt officia! Exercitationem fugit sed non consequuntur corporis officiis dignissimos assumenda earum eveniet, facere quibusdam dolorem officia iure minima optio maxime voluptatem pariatur excepturi culpa dolor! Dolores a aliquid voluptas beatae quae facilis odio veritatis in modi sit, perferendis ad? Quisquam dolorem inventore vero quam accusantium ea obcaecati quia harum perspiciatis, dolor quas est velit ipsa ullam assumenda amet facilis molestias maxime porro, magnam esse? Exercitationem delectus vero temporibus aspernatur est? Eaque porro earum similique aut quo, quia totam illum quisquam quod, deleniti sapiente dicta eum praesentium adipisci laborum id. Iste animi consequuntur blanditiis vitae ab modi, sit ducimus cumque. Commodi, repudiandae eos debitis dolores culpa sunt reprehenderit beatae perferendis amet, nihil laborum quos inventore eum neque voluptas? Exercitationem ipsum sapiente eveniet, odio minus quo ipsa? Ab, a aspernatur iste architecto magni velit sint veniam labore obcaecati doloremque vero amet recusandae! Dolorem aspernatur nostrum assumenda cumque, ex recusandae quibusdam quae velit, mollitia, doloremque corporis? Odio, nam. Assumenda repellat quisquam harum tempora necessitatibus sunt aut iusto laboriosam soluta aperiam quibusdam maxime, distinctio veniam voluptates sit laborum vero enim odit consequuntur commodi deserunt amet praesentium. Incidunt facere ratione quo praesentium ullam aliquam reprehenderit doloremque sit, optio, quis enim, dicta eum exercitationem sapiente? Consequatur aperiam iure quam molestiae temporibus. Autem earum, dolore quibusdam labore sed omnis excepturi! Facilis possimus quas atque aperiam, ea, error perspiciatis delectus vel asperiores deleniti, autem corporis minus! Aliquid laudantium iste minima, labore aspernatur quas eos ex odio illum voluptatibus fugit doloribus modi nulla optio nihil ipsum. Quia enim debitis quaerat? Ipsa reprehenderit ratione harum voluptatem excepturi reiciendis placeat libero? Iure quam corrupti dolorem, molestiae aliquid a, quod perferendis recusandae necessitatibus cum, facere nemo perspiciatis et doloremque enim expedita totam ut accusantium. Quia suscipit blanditiis molestiae ipsa repudiandae repellat voluptas sunt odio consequuntur animi iste autem nemo deleniti eum dolorum inventore, odit aperiam, quae magni! Asperiores quia minus ipsum quis perspiciatis, nisi nostrum eveniet iste ipsam maxime accusantium inventore. Quo dolorem odio neque harum ducimus nemo id quia minus voluptate impedit non saepe in sit numquam, ad aut sint, cum aspernatur? Veniam eligendi obcaecati atque consequuntur ullam corporis delectus velit harum, laboriosam, a omnis ea eaque error soluta doloremque exercitationem asperiores! Quibusdam sed rem quos sit odit adipisci provident perspiciatis non accusantium? Ad, est provident a mollitia consequatur cupiditate ipsam natus ex veniam non, nam nobis iusto saepe facere repudiandae cum vitae quos sint explicabo ut possimus maxime id quis! Quis sint voluptatum ducimus quam aliquam ea velit dolorum. Magnam laudantium eos iure quam fugiat ex, vitae animi consectetur, illum cupiditate, sit hic praesentium at voluptas! Saepe vero corporis sapiente, praesentium nisi labore quo dicta sint repudiandae facilis, totam, nulla magni recusandae sequi impedit veritatis fuga quasi consectetur possimus voluptatibus ab eligendi iusto. Harum porro et architecto possimus optio voluptates veritatis illum explicabo saepe vero eaque ea nihil, quam corporis officia quis? Eius delectus mollitia accusamus provident quo voluptatibus similique tempora repellat. Sint, voluptatibus! Culpa, earum id libero, sint eos odio nemo tenetur dignissimos hic voluptatem doloremque qui voluptas? Aspernatur incidunt minima eum reprehenderit provident numquam impedit saepe vitae aperiam perspiciatis quaerat veniam soluta, error doloribus et, assumenda inventore ex esse quis animi! Recusandae praesentium, iusto consequatur voluptas aliquid quae quia sit enim, hic officiis adipisci maiores necessitatibus, magni a doloremque reprehenderit at omnis corrupti reiciendis nisi illum minima nam! Temporibus error numquam, odio esse enim culpa asperiores assumenda consectetur optio sint reiciendis nulla quidem, iusto quia ab ducimus inventore velit blanditiis? Cumque ipsam minus deleniti a esse blanditiis quod possimus veniam quas quam voluptatem vero inventore et velit, libero nostrum dicta numquam, ab repellendus tenetur nobis. Dolorem at provident officia asperiores voluptatibus dicta ea deleniti neque error nisi, autem ullam numquam molestiae explicabo. Nam ex officiis atque culpa quibusdam, doloremque corporis tenetur recusandae voluptatibus expedita qui totam quo amet dolorum libero assumenda, voluptate quia tempora non ipsum ad suscipit aliquid! Atque ex rerum recusandae harum placeat dolores quo deserunt earum eum tenetur, molestiae quisquam aperiam perferendis labore est quas temporibus animi eaque similique veniam repudiandae architecto. Nobis architecto, similique molestias asperiores dolor aliquam officiis suscipit laborum voluptas error neque fuga explicabo?
		</p>
		<input type="checkbox" disabled="disabled">我已仔细阅读协议，一定遵守
		<br>
		<input type="submit" value="注册" disabled="diasbled">
	</body>
</html>