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" >

      结果:欧克!

  • 相关阅读:
    ML-线性回归
    ML-决策树
    numpy常用知识点备忘(2)
    numpy常用知识点备忘
    ML-朴素贝叶斯算法
    Git常用命令备忘
    机器学习-决策树算法
    机器学习-线性模型(线性回归与逻辑回归)
    深入JVM内核(四)垃圾回收器与GC参数
    深入JVM内核(三)对象存活判定算法与垃圾收集算法
  • 原文地址:https://www.cnblogs.com/wxdblog/p/6993685.html
Copyright © 2011-2022 走看看