欢迎来到代码驿站!

jquery

当前位置:首页 > 网页前端 > jquery

jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击

时间:2021-06-07 08:53:57|栏目:jquery|点击:

本文实例介绍了四种jquery禁用多种功能的方法

1、禁用F5刷新jQuery实例代码
F5具有刷新网页的功能,可能有时候需要禁用此功能,下面就通过代码实例介绍一下如何实现此功能。
代码如下:

$(document).ready(function(){ 
 $(document).bind("keydown",function(e){ 
  var e=window.event||e; 
  if(e.keyCode==116){ 
   e.keyCode = 0; 
   return false; 
  } 
 }) 
})

2、jQuery禁用键盘后退、F5刷新等快捷键

$(document).keydown(function(event){
   
     //屏蔽 Alt+ 方向键 ← 
     //屏蔽 Alt+ 方向键 →
     if ((event.altKey)&&((event.keyCode==37)||(event.keyCode==39)))  
     { 
        event.returnValue=false; 
        return false;
     }
 
     //屏蔽退格删除键 
     if(event.keyCode==8){
        return false; 
     }
        
     //屏蔽F5刷新键 
     if(event.keyCode==116){
        return false; 
     }
 
    //屏蔽alt+R 
    if((event.ctrlKey) && (event.keyCode==82)){
       return false; 
    }

 });

3、禁用右键单击功能 
代码如下:

$(document).ready(function() { 
$(document).bind("contextmenu",function(e) { 
alert("sorry! No right-clicking!"); 
return false; 
}); 
}); 

4、jQuery防止退格键网页后退的实现代码

$(document).keydown(function (e) { 
var doPrevent; 
if (e.keyCode == 8) { 
var d = e.srcElement || e.target; 
if (d.tagName.toUpperCase() == 'INPUT' || d.tagName.toUpperCase() == 'TEXTAREA') { 
doPrevent = d.readOnly || d.disabled; 
} 
else 
doPrevent = true; 
} 
else 
doPrevent = false; 

if (doPrevent) 
e.preventDefault(); 
}); 

以上就是本文的全部内容,希望对大家的学习有所帮助。

上一篇:巧用jquery解决下拉菜单被Div遮挡的相关问题

栏    目:jquery

下一篇:jquery对table中各数据的增加、保存、删除操作示例

本文标题:jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击

本文地址:http://www.codeinn.net/misctech/136971.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有