简介
dont-go
是一个基于 JavaScript 实现的模块,可以在用户离开页面时阻止用户意外关闭浏览器标签页。该模块是通过监听 beforeunload
事件来实现的。
安装
npm install dont-go
使用方法
引入模块
在需要使用 dont-go
的文件中引入模块。
import DontGo from 'dont-go';
创建实例
创建一个 DontGo
实例并传入参数进行初始化。
-- -------------------- ---- ------- ----- -- - --- -------- -------- --------- ---------- ------- -------------- ---------- - ----------------------- -- ------------- ---------- - ----------------------- - ---
参数说明
message
:提示信息,在用户准备关闭页面时显示,默认值为'确定离开吗?'
。stayClass
:用户选择留在页面时给body
元素添加的 class,默认值为'stay'
。leaveCallback
:当用户离开页面时执行的回调函数,无默认值。stayCallback
:当用户选择留在页面时执行的回调函数,无默认值。
销毁实例
在不需要使用 dont-go
时,可以调用 destroy()
方法销毁实例。
dg.destroy();
示例代码
-- -------------------- ---- ------- ------ ------ ---- ---------- ----- -- - --- -------- -------- --------- ---------- ------- -------------- ---------- - ----------------------- -- ------------- ---------- - ----------------------- - ---
总结
dont-go
是一个简单易用的防止页面意外关闭的工具,通过监听 beforeunload
事件来实现。在使用时需要注意销毁实例以避免内存泄漏问题。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/52006