编辑页面离开时弹出提示
本文由 小茗同学 发表于 2017-08-22 浏览(320)
最后修改 2017-08-22 标签:javascript unload

正文

N年前就知道,只是没记录过,所以今天写下来。主要是借助window.onbeforeunload来实现:

JS写法:

window.onbeforeunload = function()
{
	return '修改尚未保存,确定放弃吗?';
};

//或者这样写:
window.onbeforeunload = function(event)
{
	event.returnValue = '修改尚未保存,确定丢弃吗?';
};

如果用户保存了,就window.onbeforeunload = null;即可。当然如果你是用addEventListener来添加的,那就removeEventListener

HTML写法:

<body onbeforeunload="return '修改尚未保存,确定丢弃吗?'">

</body>

效果(不同浏览器略有不同):