JavaScript中用户注册时阅读条款后的事件练习

最新推荐文章于 2022-07-22 02:07:35 发布

置顶

plannothing

最新推荐文章于 2022-07-22 02:07:35 发布

阅读量776

点赞数

分类专栏： js基础教程文章标签： web js javascript css

本文链接：https://blog.csdn.net/plannothing/article/details/108023858

版权

<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<style type="text/css">
		#info{
			width:300px;
			height: 500px;
			background-color: #cbd;
			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.onscroll = function(){
				
				//检查滚动条是否滚动到底
				if(info.scrollHeight - info.scrollTop == info.clientHeight){
					alert("我已经到底了");
					//滚动条滚动到底使表单项可用
					/*
					 * disabled属性可以设置一个元素是否禁用
					 * 如果设置为true，则元素禁用
					 * 如果设置为fasle，则元素可用
					 */
					inputs[0].disabled = false;
					inputs[1].disabled = false;
				}
			};
		};
		
	</scrip

最低0.47元/天解锁文章

plannothing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中用户注册时阅读条款后的事件练习

<html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #info{ width:300px; height: 500px; background-color: #cbd; overflow: auto; } </style> <script type="text/javascri
复制链接

扫一扫