今天用到了在web页面中禁用刷新的功能,特此将js代码记下,以备不时之需
/*阻止事件默认行为*/ function prDefault(evt) { /*IE浏览器*/ if($.browser.msie) { evt.keyCode=0; evt.returnValue=false; }else { evt.preventDefault(); } } /*禁用页面刷新*/ function noRefresh(event) { /*F5刷新*/ if(event.keyCode==116) { prDefault(event); return false ; } /*ctrl+r or ctrl+n 刷新 */ if(event.ctrlKey && (event.keyCode==78||event.keyCode==82)) { prDefault(event); return false; } /*shitf +f10 右键菜单*/ if(event.shiftKey && event.keyCode==121) { prDefault(event); return false; } } (function($){ $(function(){ /*禁用页面右键*/ $(document).bind("contextmenu",function(event){ return false; }); }); })(jQuery);
将上述js代码加入页面后,需要在页面中添加keydown事件
<body οnkeydοwn="noRefresh(event)">
PS:禁用刷新,不仅仅只是禁用F5,此外还有ctrl+r,shift+f10和右键菜单。此外,IE浏览器与其他浏览器对于阻止事件默认行为的方式不一样,我这里主要使用jQuery来判断浏览器类型,然后分开处理