js_页面关闭beforeunload事件
做圆桌爆文公众号的时候,需要对阅读的文章进行时间统计。是这个公众号的核心功能,客户把文章转发到朋友圈或者转给朋友,记录谁阅读此文章和阅读时长进行记录,从而展示给客户。
功能点是,关闭页面时触发事件,请求后台,把阅读时间记录下来。
技术段:
1 //原生写法 2 window.onbeforeunload = function(event) { 3 return confirm("确定退出吗"); 4 } 5 6 //JQ 写法 7 $(window).bind('beforeunload', function() { 8 return '您输入的内容尚未保存,确定离开此页面吗?'; 9 }); 10 //这里暂停 11 $(window).unbind('beforeunload');
全部代码:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title></title> 7 <script src="http://code.jquery.com/jquery-1.4.1.min.js"></script> 8 </head> 9 10 <body> 11 </body> 12 <script type="text/javascript"> 13 //原生写法 14 window.onbeforeunload = function(event) { 15 return confirm("确定退出吗"); 16 } 17 18 //JQ 写法 19 $(window).bind('beforeunload', function() { 20 return '您输入的内容尚未保存,确定离开此页面吗?'; 21 }); 22 //这里暂停 23 $(window).unbind('beforeunload'); 24 </script> 25 26 </html>
“世界是个叙述者, 而我们却蒙上黑布, 嗤之以鼻。”