npm 包 dont-go 使用教程

阅读时长 2 分钟读完

简介

dont-go 是一个基于 JavaScript 实现的模块,可以在用户离开页面时阻止用户意外关闭浏览器标签页。该模块是通过监听 beforeunload 事件来实现的。

安装

使用方法

引入模块

在需要使用 dont-go 的文件中引入模块。

创建实例

创建一个 DontGo 实例并传入参数进行初始化。

-- -------------------- ---- -------
----- -- - --- --------
  -------- ---------
  ---------- -------
  -------------- ---------- -
    -----------------------
  --
  ------------- ---------- -
    -----------------------
  -
---

参数说明

  • message:提示信息,在用户准备关闭页面时显示,默认值为 '确定离开吗?'
  • stayClass:用户选择留在页面时给 body 元素添加的 class,默认值为 'stay'
  • leaveCallback:当用户离开页面时执行的回调函数,无默认值。
  • stayCallback:当用户选择留在页面时执行的回调函数,无默认值。

销毁实例

在不需要使用 dont-go 时,可以调用 destroy() 方法销毁实例。

示例代码

-- -------------------- ---- -------
------ ------ ---- ----------

----- -- - --- --------
  -------- ---------
  ---------- -------
  -------------- ---------- -
    -----------------------
  --
  ------------- ---------- -
    -----------------------
  -
---

总结

dont-go 是一个简单易用的防止页面意外关闭的工具,通过监听 beforeunload 事件来实现。在使用时需要注意销毁实例以避免内存泄漏问题。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/52006

纠错
反馈