onbeforeunloadとは何ですか?使い方？-jsチュートリアル-php.cn

onbeforeunloadとは何ですか?使い方？

不言

リリース： 2018-10-26 15:41:53

転載

3146 人が閲覧しました

この記事では、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 サイトの他の関連記事を参照してください。