监控页面后退前进，浏览器文档加载事件之pageshowpagehide

Posted 2020-10-13 糖糖部落

输入密码后，点击查看协议，然后返回注册页面，密码输入栏为空，应该显示默认提示信息“请设置登录密码”，情况如下

 

页面结构：

<div class="inputwrap">
                        <i class="loginpwd_ico"></i>
                        <input class="jsInptPwd" maxlength="16" type="password" placeholder="" name="loginpwd">
                        <div class="jsPlaceholder input-place">请设置登录密码<i>（6-16位数字及字母组成）</i></div>
                    </div>

<div class="protocol-wrap agreement active">
             <span class="icon-cbk"></span>我已阅读并同意<br><a href="/f/special/member_protocol" id="goLink" class="protocol-link">《会员服务协议》</a>  及  <a href="/f/special/loanAgreement" style="margin-left:0;" id="goLink1" class="protocol-link">《金融服务协议》</a>
            </div>

　　

js:

window.addEventListener(\'pageshow\', function(event) {
                setTimeout(function() {
                    if($(".jsInptPwd").val().trim() !=\'\'){
                        $(".jsPlaceholder").hide();
                    }else{
                        $(".jsPlaceholder").show();
                    }
                }, 101);
});
$(".jsInptPwd").on(\'input propertychange\',function(){
                
           $(this).val() != \'\' ? $(".jsPlaceholder").hide() : $(".jsPlaceholder").show();
 });

注：setTimeout 一定要加，因为有些浏览器会延迟（如：QQ浏览器）

链接：

http://www.cnblogs.com/milo-wjh/p/6811868.html

http://blog.csdn.net/u010154120/article/details/37575041