ホームページ > 記事 > ウェブフロントエンド > onbeforeunloadとは何ですか?使い方？
onbeforeunloadとは何ですか?使い方？
- 不言転載
- 2018-10-26 15:41:533051ブラウズ
この記事では、onbeforeunload とは何かについて説明します。使い方？困っている友人は参考にしていただければ幸いです。
1. onbeforeunload とは何ですか?
onbeforeunload は、ページがアンロード (更新) される直前にトリガーされるイベントです。
アンインストール (更新) はアンロード イベントに関するもので、ページが閉じられたときにトリガーされます。
2. 文法規則
window.onbeforeunload = funcRef
funcRef は、関数参照であるメソッドを指します。
3. これの使い方
3.1 HTML では、body に直接マウントします
<!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>
3.2 js では、window.onbeforeunload バインディング メソッドを使用します
<!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>
3.3 単一ページでの使用:
一般に、プロジェクト内で window または body を直接使用すると、プロジェクト ページ全体の更新および閉じるイベントがインターセプトされます。
特定のページでこのインターセプトを使用する一般的なアイデアは、ページに入るときにイベントをマウントし、ページにジャンプするときにマウントされたイベントをキャンセルすることです。
反応の例:
componentDidMount() {
window.onbeforeunload = function()
{
return "真的离开?";
};
}
componentWillUnmount(){
window.onbeforeunload = function()
{
return null;
}
}
以上がonbeforeunloadとは何ですか?使い方？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事はsegmentfault.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。