原生html
<script>
window.addEventListener("beforeunload", function (e) {
// 取消事件的默认动作
e.preventDefault();
// Chrome 需要设置 returnValue
e.returnValue = "2333333333";
});
</script>
React
useEffect(() => {
const handleBeforeUnload = (event) => {
// 阻止默认行为并显示提示信息
event.preventDefault();
event.returnValue = '';
};
window.addEventListener('beforeunload', handleBeforeUnload);
return () => {
window.removeEventListener('beforeunload', handleBeforeUnload);
};
}, []);