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

摘要:
=''?

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

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

页面结构:

<div class="inputwrap">
                        <i class="loginpwd_ico"></i>
                        <input   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="http://t.zoukankan.com/f/special/member_protocol"   class="protocol-link">《会员服务协议》</a>  及  <a href="http://t.zoukankan.com/f/special/loanAgreement"     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

免责声明:文章转载自《监控页面后退前进,浏览器文档加载事件之pageshow、pagehide》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇从零搭建 ES 搜索服务(二)基础搜索WP学习笔记(3)wp解析json下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

JQuery选择器大全

jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css的所有...

input type="submit" 和"button"的区别及表单提交

在一个页面上画一个按钮,有四种办法: 1 <input type="button" /> 这就是一个按钮。如果你不写javascript 的话,按下去什么也不会发生。 2 <input type="submit" /> 这样的按钮用户点击之后会自动提交 form,除非你写了javascript 阻止它。 3 <butto...

input中blur失去焦点事件与点击事件冲突时如何解决

方法一 使用setTimeout $(function(){ $(".cy-name-input input").on({ focus:function() { $(".cy-close").css('display','block'); }, blur:function() { setTimeout(f...

jquery中选择器input:hidden和input[type=hidden]的差别

jquery中选择器input:hidden和input[type=hidden]的差别 关于选择器:hidden的申明,在jquery申明文档中是如许说的:匹配所有不成见元素,或者type为hidden的元素。而[type=hidden]是查找所有type属性便是hidden的元素。两者是有雷同之处和不合之处的。:hidden匹配所有不成见元素,或者...

禁止浏览器记住密码操作

写页面的时候,发现了一个问题: 那就是当我们提交表单的时候,但凡有password的地方,pc端浏览器都会蹦出来一个提示:您老要不要记住密码啊? 你可千万不能点记住,要不但凡有input框的地方,他都自动填充! 这要是放在需要的地方还行,要是在网吧或者是其他角角落落里记住了,日后被不法分子利用,多心塞! 所以我们做的时候,就要禁止这种情况的存在,具体的做法...

JS CustomEvent自定义事件传参

首先,看了鑫大佬的文章后,百度了文章内容的两个方法: 1、CustomEvent事件是有程序创建的,可以有任意自定义功能的事件 2、dispatchEvent()方法给节点分派一个合成事件 这两个方法之前也见过,不过并没有去了解,这次刚好又看到,就简单了解一下。好了,直接进入正文 一、addEventListener事件触发 例子,假设DOM对象变量名称是...