http://mpvideo.qpic.cn/0bc3t4ajoaaa4qap3dc6vfrvbh6ds6pqbfya.f10002.mp4?dis_k=5570fd8d7cd015ab38fa84b7fa86c1ad&dis_t=1670377456&vid=wxv_2643078515940343812&format_id=10002&support_redirect=0&mmversion=false
前言
一般注册页面的用户协议放在一个文本域的textarea控件内的,我们可以监听文本域的onscroll滚动事件
并借助滚动高度(`scrollHeight·)来判断用户是否阅读完文本域中的协议,然后来激活启动用户注册按钮
<textarea readonly="true" id="id-textarea-reg" onscroll="on_scroll_reg(this.id)" name="" id="" cols="30" rows="10">
阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册阅读完协议才可以单机注册
</textarea>
<button id="id-btn-reg" disabled>用户注册</button>
function on_scroll_reg(thisid) {
var textareaReg = document.getElementById(thisid);
var regBtn = document.getElementById("id-btn-reg");
if(textareaReg.scrollTop+textareaReg.clientHeight >= textareaReg.scrollHeight) {
regBtn.disabled = false;
}
}
主要是监听文本域textarea的onscroll滚动事件,并借助滚动高度scrollHeight,当文本域的距离顶部的距离与文本域的可视区域的高度大于文本域的滚动高度式
那就说明用户已经看完了协议内容的,然后可以激活启动用户注册按钮的状态