javascript - js窗口逃生效果求教
程序员文章站
2022-04-08 09:53:29
...
要做一个后台,编辑文章的功能,产品要求,当用户点开编辑窗口进行修改并没有保存时,点击编辑窗口以外的任何地方,阻止默认事件,弹窗令用户选择是否保存后再执行默认事件。
想来想去没有很好的解决办法,求一个思路.
想来想去没有很好的解决办法,求一个思路.
问题主要在于不是关闭浏览器触发弹框,而是点击页面上的非编辑窗口部分时都要触发,而这些部分里有各种绑定事件、链接之类的。
回复内容:
要做一个后台,编辑文章的功能,产品要求,当用户点开编辑窗口进行修改并没有保存时,点击编辑窗口以外的任何地方,阻止默认事件,弹窗令用户选择是否保存后再执行默认事件。
想来想去没有很好的解决办法,求一个思路.
问题主要在于不是关闭浏览器触发弹框,而是点击页面上的非编辑窗口部分时都要触发,而这些部分里有各种绑定事件、链接之类的。
原本的想法是能不能通过给编辑窗口添加失焦事件,弹出自定义confirm,根据confirm的选择判断是否执行默认事件,结果还是放弃了…
最后只能给每个链接和事件添加判断方法,传入默认执行函数作为回调参数
类似这样
首页
改为
确认离开?
首页
一个很流行的对话框插件,
http://aui.github.io/artDialo...
监听浏览器关闭事件
给编辑器绑定onblur事件不行吗?
下一篇: Python遍历目录中的所有文件的方法
推荐阅读
-
JavaScript实现图片倒影效果 - reflex.js
-
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
-
javascript实现的仿腾讯QQ窗口抖动效果代码
-
JavaScript Drum Kit 指南(纯 JS 模拟敲鼓效果)
-
JavaScript 拖放效果系列二——多元素、分离JS
-
JavaScript实现图片倒影效果 - reflex.js
-
javascript+html5+css3自定义弹出窗口效果
-
JavaScript实现弹出窗口效果
-
javascript 放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持
-
javascript插件:countUp.min.js数字滚动效果