禁用按键F5刷新,兼容chrome、firefox、IE
2017-02-21 11:13
645 查看
低版本按键事件
高版本按键事件
window.onload = function(){ var timer = null; //声明定时器变量 document.onkeydown = function(event){ clearTimeout(timer); //每次按键先清除定时器,避免定时器重复多开 var event = event || window.event; var keycode = event.keyCode || event.which; if(keycode == 116){ alert('触发F5按键'); if(event.preventDefault){ //chrome、firefox、IE9+ event.preventDefault(); }else{//IE8- event.keyCode = 0; event.returnValue = false; } timer = setTimeout(function(){ //设置一个定时器,3秒后清除按键事件,恢复按F5刷新功能 alert('恢复刷新'); document.onkeydown = null; }, 3000); } }; };
高版本按键事件
window.onload = function(){ var timer = null; if(document.addEventListener){//chrome、firefox、IE9+ document.addEventListener('keydown',shieldRefresh); }else{//IE8- document.attachEvent('onkeydown',shieldRefresh); } function shieldRefresh(event){ clearTimeout(timer); var event = event || window.event; var keycode = event.keyCode || event.which; if(keycode == 116){ alert('触发F5按键'); if(event.preventDefault){//chrome、firefox、IE9+ event.preventDefault(); }else{//IE8- event.keyCode = 0; event.returnValue = false; } t 4000 imer = setTimeout(function(){ alert('恢复刷新'); if(document.removeEventListener){ document.removeEventListener('keydown',shieldRefresh); }else{ document.detachEvent('onkeydown',shieldRefresh); } }, 3000); } } };
相关文章推荐
- 屏蔽刷新和Ctrl键Shift键和Alt键,兼容IE,Firefox,Chrome,兼容Firefox
- CSS半透明度设置,兼容Firefox, IE, Chrome, Opera and Safari
- JS复制内容到剪贴板: 兼容IE、Firefox、Chrome、Safari所有浏览器【转】
- 兼容firefox、chrome、ie的wmp网页播放器代码
- javascript 加入收藏夹 ,兼容IE firefox chrome ,解决 window.sidebar.addPanel is not a function
- IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览表
- 多图片上传+图片预览,兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
- 兼容最新firefox、chrome和IE的javascript图片预览实现代码
- js监听浏览器,关闭,刷新(兼容IE6+,Firefox,Chrome,Safari)
- FLASH兼容IE FireFox Chrome
- JavaScript无提示关闭窗口(兼容IE/Firefox/Chrome)
- 兼容IE、新版Chrome、Firefox,实现本地图片等比例缩放预览
- Extjs 限制 textfield / textarea 输入字数 , 兼容 IE Firefox Chrome
- 无缝循环marquee滚动JS代码实现,兼容IE, FireFox, Chrome
- JS在新标签页中打开链接URL,兼容IE,Chrome,Firefox
- js 获取页面高度和宽度(兼容 ie firefox chrome),获取鼠标点击位置
- JS控制图片翻转示例代码(兼容firefox,ie,chrome)
- 利用jQuery srollTop()函数实现类似锚点的定位效果-兼容chrome,firefox,IE,safari
- 复制到剪切板 - 兼容 ie, firefox, chrome & flash10
- CSS半透明度设置,兼容Firefox, IE, Chrome, Opera and Safari