监控页面后退前进,浏览器文档加载事件之pageshow、pagehide

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

监控页面后退前进,浏览器文档加载事件之pageshow、pagehide

页面结构:

<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" >《金融服务协议》</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