<html> | |
<script type="text/javascript"> | |
function context_event(event) | |
{ | |
if (window.event) | |
{ | |
event = window.event; | |
} | |
var swallow = document.getElementById("swallow_context").checked; | |
var str = | |
"EVENT PROPERTIES<br>" + | |
"cancelable = "+event.cancelable+"<br>" + | |
"ctrlKey = "+event.ctrlKey+"<br>" + | |
"metaKey = "+event.metaKey+"<br>" + | |
"shiftKey = "+event.shiftKey+"<br>" + | |
"<br>" + | |
"TEST PROPERTIES<br>" + | |
"prevent default = "+swallow+"<br>" + | |
"event time = "+new Date()+"<br>" + | |
""; | |
document.getElementById("event_info").innerHTML=str; | |
if (swallow) | |
{ | |
if ((typeof event.cancelBubble) != "undefined") | |
event.cancelBubble=true; | |
if ((typeof event.preventDefault) != "undefined") | |
event.preventDefault(); | |
if ((typeof event.returnValue) != "undefined") | |
event.returnValue = false; | |
if ((typeof event.stopPropagation) != "undefined") | |
event.stopPropagation(); | |
return false; | |
} | |
return true; | |
} | |
</script> | |
<body oncontextmenu="return context_event(event)"> | |
<div>To activate context menu, right-click or ctrl-click anywhere on the page.</div> | |
<div> </div> | |
<div><input type="checkbox" value="1" name="swallow_context" id="swallow_context"> Prevent default context menu</div> | |
<div> </div> | |
<tt id="event_info" style='background-color:#eeeeee'> | |
-- No event captured -- | |
</tt> | |
</body> | |
</html> |