Question

我正在尝试在我的项目中使用window.onbeforeunload，但我不知道如何使用它。

我尝试过两种方式：

第一路

$(window).on("beforeunload", function(e) {
  return "Are you sure you want leave?";
});

第二路

    window.onbeforeunload = function (e) {
  //   e.returnValue = "hello, are you sure???";
    return "You may lose the changes!!!\n are you sure???";
  //   return null;
  };

我在这两个方面都出错了，我想这是因为我没有在某处导入某些内容。

此外，我想知道在调用此事件时是否可以重定向到我网站的特定网址。

示例：按F5 - ＆gt; / dashboard /

Answer 1

您必须导入@HostListener并在组件

中使用它，如下所示

import { Component, OnInit, HostListener } from '@angular/core';

export class TestComponent implements OnInit {
    @HostListener('window:beforeunload', ['$event']) onBeforeUnload(event) {
           // do something here 
          console.log("method called");
    }
}

Answer 2

创建一个放在img = imread('pout.tif'); hist = histogram(img); figure subplot(1,2,1) imshow(img) subplot(1,2,2) imshow(hist)文件夹中的文件beforeunload.js，其中包含

assets

在window.beforeunload = function() { // Do your stuff }中，只需导入文件：

angualr-cli.json

window.onbeforeunload - 在Angular2

2 个答案: