1<html> 2<script type="text/javascript"> 3 4function context_event(event) 5{ 6 if (window.event) 7 { 8 event = window.event; 9 } 10 var swallow = document.getElementById("swallow_context").checked; 11 12 var str = 13 "EVENT PROPERTIES<br>" + 14 "cancelable = "+event.cancelable+"<br>" + 15 "ctrlKey = "+event.ctrlKey+"<br>" + 16 "metaKey = "+event.metaKey+"<br>" + 17 "shiftKey = "+event.shiftKey+"<br>" + 18 "<br>" + 19 "TEST PROPERTIES<br>" + 20 "prevent default = "+swallow+"<br>" + 21 "event time = "+new Date()+"<br>" + 22 ""; 23 document.getElementById("event_info").innerHTML=str; 24 25 if (swallow) 26 { 27 if ((typeof event.cancelBubble) != "undefined") 28 event.cancelBubble=true; 29 30 if ((typeof event.preventDefault) != "undefined") 31 event.preventDefault(); 32 33 if ((typeof event.returnValue) != "undefined") 34 event.returnValue = false; 35 36 if ((typeof event.stopPropagation) != "undefined") 37 event.stopPropagation(); 38 39 return false; 40 } 41 42 return true; 43} 44 45</script> 46 47<body oncontextmenu="return context_event(event)"> 48<div>To activate context menu, right-click or ctrl-click anywhere on the page.</div> 49<div> </div> 50<div><input type="checkbox" value="1" name="swallow_context" id="swallow_context"> Prevent default context menu</div> 51<div> </div> 52<tt id="event_info" style='background-color:#eeeeee'> 53 -- No event captured -- 54</tt> 55</body> 56</html>