子比主题 – 前台发布文章离开页面提示保存

飞流 · 发表于 2025-10-9 00:56:08

交易无需等待，成交就是现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

您需要登录才可以下载或查看，没有账号？立即注册

×

这是一款子比主题用户前台发布文章的时候关闭浏览器的时候他会有一个浏览器的弹窗，就是让你保存的草稿，避免写了那么多的文章，然后不小心给关掉了，避免这样的麻烦！

tengfei_down (77).webp

代码部署

将下面的代码放到：子比主题–>>自定义底部HTML代码即可，记得改一下里面的域名！

<script type="text/javascript">
let whiteList = ['/newposts','/posts-edit/']
let flag = whiteList.includes(window.location.pathname) ? true : false
let formListenerAdded = false;
function listeningForm() {
var hasChanges = false;
var oldXHR = window.XMLHttpRequest;
setTimeout(function() {
var iframe = document.getElementById('post_content_ifr');
if (iframe) {
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
// 创建一个observer实例
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
hasChanges = true
});
});
// 配置observer实例连接到具体的DOM元素和配置观察选项
var config = { attributes: true, childList: true, characterData: true, subtree: true };
observer.observe(iframeDoc.documentElement, config);
// 当不再需要观察时，可以断开observer
}
}, 1000); // 延迟1000毫秒后执行
// 监听所有表单输入的变化
Array.from(document.querySelectorAll('input, textarea, select')).forEach(function(element) {
element.addEventListener('input', function() {
hasChanges = true;
});
});
// 如果使用WordPress的TinyMCE编辑器，也要监听它的变化
if (typeof tinyMCE !== 'undefined') {
tinyMCE.editors.forEach(function(editor) {
editor.on('change', function() {
hasChanges = true;
});
});
}
function newXHR() {
var realXHR = new oldXHR();
realXHR.addEventListener('readystatechange', function() {
if (realXHR.readyState === 4) { // 请求完成 ' https://www.你的域名.cn/wp-admin/admin-ajax.php'
if (realXHR.responseURL =='https://www.你的域名.cn/wp-admin/admin-ajax.php') {
hasChanges= false
}
}
}, false);
return realXHR;
}
window.XMLHttpRequest = newXHR;
// 在尝试离开页面时弹出警告
window.addEventListener('beforeunload', function(event) {
if (hasChanges) {
var message = '您有未保存的更改。如果离开此页面，您可能会丢失这些更改。';
event.returnValue = message;
return message
}
});
}
document.addEventListener('DOMContentLoaded', function() {
if (!formListenerAdded && flag) {
listeningForm();
formListenerAdded = true;
}
});
</script>

复制代码

	飞流：这论坛到底有没有资本给我投资一下啊！	07-20 22:07
	系统消息：飞流安卓客户端APP已上线，请在QQ群（123129）群文件内获取下载。	02-21 02:22
	麦麦管家：请遵守版规社律，保护信息安全，请勿脱离平台交易，谨防网络诈骗！#帮助中心#	01-24 12:40

[代码技巧] 子比主题 – 前台发布文章离开页面提示保存

连续签到LV.1

起源之星

任务·年会员

累计签到LV.3

交易无需等待，成交就是现在，全面资源整合网络大咖云集，让你轻松玩转互联网！

代码部署

本帖被以下淘专辑推荐:

相关帖子

飞流广播+ 发布

连续签到LV.1

起源之星

任务·年会员

累计签到LV.3

关于我们

常用功能

服务引导