zoukankan      html  css  js  c++  java
  • 浏览器后退->清除原页面div中填写的数据

      需求说明:页面表单用前端用div布局,提交之后跳转到另一个页面,但是考虑到客户奇怪的脑回路,可能会点击浏览器的后退按钮,不知道是个体情况还是都是一样,原本div中填写的数据还依然存在,所以需要让页面在后退后div显示为空.

      解决过程:找了两个前端的,说没碰到过这种情况,无奈只能自己解决.我定义了一个方法,在点击提交之后,会立即清除div中的数据,但是这样,用jQuery提交的数据也变成了空.后来我采用setTimeout延时清除div中的数据.此方法为拍脑门想出来的,会受网速等其他因素影响,不好用.

      案例代码:  

     1 //提交动作
     2 $('#submit').on('click', function(){
     3     $("#submitForm")[0].click();
     4     setTimeout(clear(), "150");//延时50毫秒执行
     5 }
     6 
     7 //提交之后数据置为空
     8 function clear(){
     9     $('#num1').val(0);
    10     $('#num2').val(0);
    11     $('#num3').val(0);
    12     $('#num4').val(0);
    13     $('#num5').val(0);
    14     $('#num6').val(0);
    15 }

       解决方法:找到的一个属性 autocomplete="off".

    //将他放在
    <input type="text" autocomplete="off" />
    
    //或是直接放在 form
    
    <form autocomplete="off" >

      结果:欧克!

  • 相关阅读:
    2017中国大学生程序设计竞赛
    HDU 1426 Sudoku Killer【DFS 数独】
    Silver Cow Party---poj3268(最短路,迪杰斯特拉)
    Heavy Transportation---poj1797
    Cow Contest---poj3660
    Frogger--poj2253
    最短路基础
    打字母小游戏
    蔡勒(Zeller)公式--黑色星期五
    2的次幂表示
  • 原文地址:https://www.cnblogs.com/wxdblog/p/6993685.html
Copyright © 2011-2022 走看看