Rumah > hujung hadapan web > tutorial js > JS监控关闭浏览器操作的实例详解

JS监控关闭浏览器操作的实例详解

韦小宝
Lepaskan: 2018-01-23 11:08:46
asal
1531 orang telah melayarinya

这篇文章主要介绍了JS监控关闭浏览器操作的实例详解的相关资料,希望通过本大家能帮助到大家,对js感兴趣的朋友可以参考下本篇文章

JS监控关闭浏览器操作的实例详解

需求如下:

用户关闭浏览器通知后台。

方案如下:

1.采用js监控关闭浏览器操作。

2.用户关闭浏览器的时候发ajax请求到后台,执行相应的业务操作

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
 <title> New Document </title> 
 <meta name="Generator" content="EditPlus"> 
 <meta name="Author" content=""> 
 <meta name="Keywords" content=""> 
 <meta name="Description" content=""> 
</head> 
  
<body> 
 <script type="text/javascript"> 
 window.onbeforeunload = onbeforeunload_handler;   
  window.onunload = onunload_handler;   
  function onbeforeunload_handler(){   
    var warning="确认关闭www.someabcd.com?";     
    //你的业务操作。。。。    
    return warning;   
  }   
     
  function onunload_handler(){   
    var warning="谢谢光临www.someabcd.com";  
    //你的业务操作。。。。  
    alert(warning);   
  }   
 </script> 
</body> 
</html>
Salin selepas log masuk

以上就是本篇文章的所有内容,希望对大家学习提供到帮助!!

相关推荐:

JavaScript实现动态添加Form表单元素的方法示例

JavaScript 异步调用实例分析

JavaScript实现的搜索及高亮显示功能示例

Atas ialah kandungan terperinci JS监控关闭浏览器操作的实例详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan