监控页面后退前进,浏览器文档加载事件之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" 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

时间: 2024-08-30 10:15:03

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

jquery.ready可以在文档加载后尽快执行对文档的操作

jquery 1.12.4中ready的关键代码 1 jQuery.ready.promise = function( obj ) { 2 if ( !readyList ) { 3 4 readyList = jQuery.Deferred(); 5 6 // Catch cases where $(document).ready() is called 7 // after the browser event has already occurred. 8 // Support: IE6-1

JavaScript文档加载和事件绑定

为了保证网页代码层次清晰,便于管理,一般HTML中只体现网页结构,具体的行为处理通过JS实现,样式则通过CSS文件管理. 在以上原则下通过JS实现行为时,一定要注意文档加载过程中,执行JS代码的时机.页面加载过程有两个事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载.) (1) 一些待调用函数定义,要在调用前定义. (2) 对于完善网页元素的JS,伴随文档

document.ready和onload的区别——JavaScript文档加载完成事件

文章转自:http://blog.csdn.net/kk5595/article/details/5713209 页面加载完成有两种事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载!!!) 我的理解: 一般样式控制的,比如图片大小控制放在onload 里面加载; 而:jS事件触发的方法,可以在ready 里面加载; 更多内容戳这里:http://blog.

关于文档加载的方法

怎么排版啊啊啊... 1.首先用的最多的jQuery中有3种针对文档加载的方法 1 $(document).ready(function() { 2 // ...代码... 3 }) //document ready 简写 $(function() { // ...代码... }) $(document).load(function() { // ...代码... }) 其中第二种是第一种的简写方式. .ready和.load区别 先了解DOM文档加载的步骤: (1) 解析HTML结构. (2)

文档加载

页面加载过程有两个事件,一是ready,表示文档结构已经加载完成(不包含图片等非文字媒体文件),二是onload,指示页 面包含图片等文件在内的所有元素都加载完成.(可以说:ready 在onload 前加载.) (1) 一些待调用函数定义,要在调用前定义. (2) 对于完善网页元素的JS,伴随文档加载执行. (3) 而绑定元素事件响应的JS,则一定要等到相应元素加载后或文档全部加载完成后再执行,否则无法找到元素,当然不可绑定事件. 使用onload 不仅要求文档DOM 树加载完成,还要求文档的

js坚持不懈之14:不要在文档加载之后使用 document.write()示例

在看w3school的JavaScript教程时,关于文档输出流中有这么一句话:绝不要在文档加载之后使用 document.write().这会覆盖该文档. 不太明白什么意思,找了一个例子: <!DOCTYPE html> <html> <body> <p>点击按钮就可以执行 <em>displayDate()</em>函数.</p> <button onclick = "displayDate()&quo

【JS教程16】jquery文档加载完再执行

jquery文档加载完再执行 将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个问题,它的速度比原生的 window.onload 更快. <script type="text/javascript"> $(document).ready(function(){ ...... }); </script> 可以简写为: <script type="text/javascript"> $

jquery文档加载几种写法,图片加载写法

jquery文档加载写法: $(function(){ }) ; //个人最常使用方式 $(document).ready(function(){ }); //调用文档对象下的ready方法传入一个函数. $(window).load(function() { });//调用window对象下的load方法传入一个函数. (function() { })(jQuery)//()()表示立即执行 并且传入jquery = $ 所以之前$也可以替换为jQuery 注意: jquery的ready只是

VC:当前不会命中断点,还没有为该文档加载任何符号

VS2013中设置的断点无效:"当前不会命中断点,还没有为该文档加载任何符号".问题主要出在没有生成调试信息.解决方法如下: (1)项目-〉属性-〉配置属性-〉C/C++-〉常规-〉调试信息格式,这里不能为"禁用". (2)项目-〉属性-〉配置属性-〉链接器-〉调试-〉生成调试信息,这里设为"是 (/DEBUG)".