随笔 - 419  文章 - 3  评论 - 331  阅读 - 120万

在页面离开前提醒你的 beforeunload 事件

beforeunload 事件在当页面卸载(关闭)或刷新时调用,事件触发的时候弹出一个有确定和取消的对话框,确定则离开页面,取消则继续待在本页。handler可以设一个返回值作为该对话框的显示文本。

以下操作会触发 beforeunload 事件:

   ·关闭浏览器窗口 
  ·通过地址栏或收藏夹前往其他页面的时候 
  ·点击返回,前进,刷新,主页其中一个的时候 
  ·点击 一个前往其他页面的url连接的时候 
  ·调用以下任意一个事件的时候:click,document write,document open,document close,window close ,window navigate ,window NavigateAndFind , location replace , location reload , form submit. 
  ·当用window open打开一个页面,并把本页的window的名字传给要打开的页面的时候。 
  ·重新赋予location.href的值的时候。 
  ·通过input type=”submit”按钮提交一个具有指定action的表单的时候。 

例如:

window.addEventListener('beforeunload', function(event) {
      document.getElementById('keyword').value = '';
});

在这个例子中,我们为 window 对象添加了一个 beforeunload 事件监听器。当用户尝试离开页面时,会触发这个事件,并可以通过设置 event.returnValue 来显示一个确认对话框,让用户选择是否真的要离开页面。document.getElementById 用于获取页面上具有指定 id 的元素。

 

posted on   JoeYoung  阅读(85)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~
· Deepseek官网太卡,教你白嫖阿里云的Deepseek-R1满血版
· DeepSeek崛起:程序员“饭碗”被抢,还是职业进化新起点?
· RFID实践——.NET IoT程序读取高频RFID卡/标签
历史上的今天:
2020-07-29 jQuery 旋转插件 jqueryrotate 用法详解
2019-07-29 Flutter 移动端屏幕适配方案和制作
2019-07-29 Flutter Swiper制作轮播效果
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

点击右上角即可分享
微信分享提示