本篇文章帶給大家的內容是關於onbeforeunload是什麼？如何使用？有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。
onbeforeunload是一個事件，當頁面將要被卸載（更新）的時候會被觸發。
卸載（更新）講的就是unload事件，當頁面關閉後,會觸發。
window.onbeforeunload = funcRef
funcRef指的是一個方法，也就是一個函數參考。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body onbeforeunload="return test()">
</body>
<script type="text/javascript">
function test(){
return "你确定要离开吗";
}
</script>
</html><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>test</title>
</head>
<body>
</body>
<script type="text/javascript">
window.onbeforeunload=function(){
return "你确定要离开吗";
}
</script>
</html>一般在專案中直接使用window或body會導致整個專案的頁面的刷新關閉事件都被攔截。
想在某個頁面中使用這個攔截的大體思路是在進入這個頁面的時候掛載該事件，跳轉頁面的時候將掛載的事件取消。
例如在react中：
componentDidMount() {
window.onbeforeunload = function()
{
return "真的离开?";
};
}
componentWillUnmount(){
window.onbeforeunload = function()
{
return null;
}
}以上是onbeforeunload是什麼？如何使用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
