JavaScript HTML特效防退出提示弹窗
关不掉的跳出框的 JS 特效，挺适合用来做防退出提示、搞点整活页面，甚至偶尔测试用户行为反应。原理其实也不复杂，主要是通过反复弹窗、阻止默认关闭事件来实现的。你想让用户退出必须费点劲，这种效果在某些特殊场景下还真有点用。
用的是比较基础的JavaScript配合HTML 结构，代码也不复杂。比如重写onbeforeunload事件，加个弹窗提示，再加点定时器循环弹出，就能实现类似效果。
常用的写法比如：
[removed] = function() {
return '真的要离开吗？';
};
setInterval(function() {
alert('留下看看吧~');
}, 5000);
这类效果你别在正式项目里乱用，容易引起反感，但做测试、搞点创意展示还是挺有意思的。顺带推荐两篇还不错的相关文章：
js 特效 html 特效文本框栏目，内容分类清晰，适合找灵感；
JS 与 HTML 特效详解，讲得蛮细，基础+进阶一网打尽。
如果你在做活动页、广告落地页这种对“停留时间”比较在意的场景，可以试试看这个思路。不过别忘了，用户体验最重要，玩归玩，别玩过头。
文件大小：6.22KB
评论区