addEventListener()前端通过监听事件防止重复提交

1.引入SessionStorage(通过session管理数据)

 

2.提交时在session中添加标记已提交

定义和用法

addEventListener() 方法用于向指定元素添加事件句柄。

提示： 使用 removeEventListener() 方法来移除 addEventListener() 方法添加的事件句柄。

window.history.forward(1) 阻止浏览器后退

3.作用: 阻止提交事件成功后去做后退操作

注: 一定要在生命周期卸载阶段进行removeEventListener() 操作,不然会导致此项目其他不相关的后退操作(this.props.history.goBack())以及浏览器的后退按钮失效,慎用谨记

相关知识涉及:window.history.forward()阻止浏览器前进