在事件为beforeunload时识别操作浏览器关闭,刷新,选项卡关闭

时间:2015-03-31 13:30:09

标签: javascript html

嗨识别用户卸载页面时的操作,

enter image description here

因为我认为当用户clicks out of document then mouse position is 0并且我们可以告诉用户点击关闭按钮" beforeUnload"被称为。

所以我的问题是确定4件事,

  • 当用户点击浏览器的关闭按钮(类似鼠标位置)时
  • 当用户点击标签的关闭按钮
  • 当用户点击关闭按钮刷新按钮
  • 使用F5刷新页面。

当执行任何此操作时" BeforeUnload"叫做。

这是我的代码,



<html>
     <head>
         <title>Page Title</title>
             <script>

                 var mouse = {x: 0, y: 0};
 
                 document.addEventListener('mousemove', function(e){ 
                 mouse.x = e.clientX || e.pageX; 
                 mouse.y = e.clientY || e.pageY 
                 }, false);
  
                 if (window.addEventListener) {  // all browsers except IE before version 9
	             window.addEventListener("beforeunload", function (e) {
		         var confirmationMessage = "Hi";
		         alert(mouse.x + ' : ' + mouse.y);  	  
		  	     return confirmationMessage;                            
		         });
                }
                else {
                 if (window.attachEvent) {   // IE before version 9
    	         window.attachEvent("beforeunload", function (e) {
	             var confirmationMessage = "Hi";
		         alert(mouse.x + ' : ' + mouse.y);
			     return confirmationMessage;                            
		         });

                 }
                }
        </script>
        </head>

     <body>
          <h1>This is a Heading</h1>
          <p id = "myAns">This is a paragraph.</p>
     </body>

</html>
&#13;
&#13;
&#13;

谢谢你的到来。

0 个答案:

没有答案