做圆桌爆文公众号的时候，需要对阅读的文章进行时间统计。是这个公众号的核心功能，客户把文章转发到朋友圈或者转给朋友，记录谁阅读此文章和阅读时长进行记录，从而展示给客户。
功能点是，关闭页面时触发事件，请求后台，把阅读时间记录下来。
技术段：
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');
全部代码：
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>