Heim >Web-Frontend >js-Tutorial >Was ist onbeforeunload? Wie benutzt man?
Was ist onbeforeunload? Wie benutzt man?
- 不言nach vorne
- 2018-10-26 15:41:533195Durchsuche
In diesem Artikel erfahren Sie, was es vor dem Unload gibt. Wie benutzt man? Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird Ihnen hilfreich sein.
1. Was ist onbeforeunload?
onbeforeunload ist ein Ereignis, das ausgelöst wird, wenn die Seite gerade entladen (aktualisiert) wird.
Uninstall (Update) bezieht sich auf das Unload-Ereignis, das beim Schließen der Seite ausgelöst wird.
2. Grammatikregeln
window.onbeforeunload = funcRef
funcRef bezieht sich auf eine Methode, die eine Funktionsreferenz ist.
3. So verwenden Sie dieses Ding
3.1 Hängen Sie es in HTML direkt an den Körper an
<!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 Verwenden Sie in js die Bindungsmethode 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 Verwendung auf einer einzelnen Seite:
Im Allgemeinen führt die direkte Verwendung von Fenster oder Körper in einem Projekt dazu, dass die Aktualisierungs- und Schließereignisse der gesamten Projektseite abgefangen werden.
Die allgemeine Idee bei der Verwendung dieses Abfangens auf einer bestimmten Seite besteht darin, das Ereignis beim Betreten der Seite bereitzustellen und das bereitgestellte Ereignis abzubrechen, wenn zur Seite gesprungen wird.
Zum Beispiel in React:
componentDidMount() {
window.onbeforeunload = function()
{
return "真的离开?";
};
}
componentWillUnmount(){
window.onbeforeunload = function()
{
return null;
}
}
Das obige ist der detaillierte Inhalt vonWas ist onbeforeunload? Wie benutzt man?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!