需有滚动动作才能勾选的注册协议

发布：2023-03-26 浏览：52 次评论：0

核心提示：需要有滚动动作才能勾选的注册协议

需要有滚动动作才能勾选的注册协议

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> #license { width: 400px; height: 350px; border: 2px solid black; margin: 50px auto 0px; overflow: auto; text-indent: 2em; } #license>p { margin: 0; } #license>p:nth-of-type(1) { text-align: center; } #bottom { width: 200px; height: 50px; margin: 10px auto 0; } </style> </head> <body> <div></div> <div id="license"> <p>****软件许可及服务协议</p> <p>【首部及导言】欢迎您使用****软件及服务！为使用****软件（以下统称“本软件”）及服务（以下统称“本服务”），您应当阅读并遵守《****许可及服务协议》（以下简称“本协议”），以及《****服务协议》、《****规则》、《****隐私政策》《****保护指引》。请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制****责任的条款、对用户权利进行限制的条款、约定争议解决方式和司法管辖的条款（如第十五条相关约定）等，以及开通或使用某项服务的单独协议。限制、免责条款或者其他涉及您重大权益的条款可能以加粗、加下划线等形式提示您重点注意。除非您已充分阅读、完全理解并接受本协议所有条款，否则您无权下载、安装或使用本软件和/或相关服务。您点击“同意”、“下一步”或您的下载、安装、使用、登录等行为或者您以其他任何明示或者默示方式表示接受本协议的，即视为您已阅读并同意本协议的约束。本协议即在您与****之间产生法律效力，成为对双方均具有约束力的法律文件。如果您因年龄、智力等因素而不具有完全民事行为能力，请在法定监护人（以下简称“监护人”）的陪同下阅读和判断是否同意本协议。如果您是非中国大陆地区的用户，您订立或履行本协议以及使用本服务的行为还需要同时遵守您所属和/或所处国家或地区的法律。 </p> </div> <div id="bottom"> 我已阅读协议 <input type="checkbox" name="注册" id="bottomOpt" value="注册" disabled="" /> <button type="button" id="button" disabled="">同意</button> </div> <script type="text/javascript"> let license = document.getElementById("license"); let bottomOpt = document.getElementById("bottomOpt"); let button = document.getElementById("button"); license.onscroll = function() { // 滑到底才触发 // 内容的总高度(scrollHeight)-滑动后的窗口距离最顶部方的距离(scrollTop)==窗口的大小时(height+内边距) // 这个过程中：scrollTop在不断增大(0-某一个范围) // 这里写本应该是等于，但考虑到误差问题，写成<= if (license.scrollHeight - license.scrollTop <= license.clientHeight) { bottomOpt.disabled = false; bottomOpt.onclick = function() { if (bottomOpt.checked) { button.disabled = false; button.onclick = function() { alert("注册成功！"); } } } } } </script> </body> </html> 提示:可以修改后运行.

文本链接：https://mbtxw.com/Course/show.php?itemid=139
文章来源：模板模板
版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。

需有滚动动作才能勾选的注册协议

更多>相关内容

TA发布的教程

推荐文章

JS获取年月日及时间

viewer.js图片查看插件的使用，支持放大旋转轮播功能

一个基于HTML和JavaScript的单选框弹出提示示例代码

基于JavaScript和HTML的示例代码