前端页面修改提示

类似于网络流程图在线编辑器,需要提供编辑,保存等功能并且进行相应提示,比方说在进行了数据更改之后需要有类似word等编辑器未保存的*提示。请问对比响应提示的功能需要如何完成,若是进行数据对比,数据过多会不会导致浏览器缓慢之类的问题。

阅读 2.4k
2 个回答

推荐用vue,双向绑定数据,每个表单项加blur单独进行验证。

两种方式
一个是监控页面数据的修改,只要修改过就把某个flag置成true,这样触发关闭浏览器的时候只要是这个flag是true就可以弹框提示。

第二种是直接对数据进行全量对比,如果有对象或者数组直接粗暴的toString()解决,在数据量不是特别大的情况下没啥问题。

至于监控关闭浏览器事件,你可以用window.onbeforeunload,详情可参考https://developer.mozilla.org...

推荐问题