mouse-event-reporter-subframe.html (869B)
1 <!DOCTYPE html> 2 <script src="utils.js"></script> 3 <style> 4 body, html { 5 margin: 0; 6 padding; 0; 7 background-color: #bfb; 8 } 9 </style> 10 <body> 11 <div>Child frame</div> 12 </body> 13 <script> 14 "use strict"; 15 let cancel_mousedown = false; 16 17 window.addEventListener("load", () => { 18 window.addEventListener("message", event => { 19 let data = event.data; 20 if (data.type == "cancel-mousedown") 21 cancel_mousedown = data.param; 22 }); 23 24 window.addEventListener("mousedown", e => { 25 let msg = "not-canceled"; 26 if (cancel_mousedown) { 27 e.preventDefault(); 28 msg = "canceled"; 29 } 30 sendMessage(window.top, "mousedown", msg); 31 }); 32 33 window.addEventListener("mouseup", e => sendMessage(window.top, "mouseup")); 34 35 sendMessage(parent, "load"); 36 }); 37 </script>