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


Posted in Javascript onJanuary 22, 2016

本文实例介绍了四种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(); 
});

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

Javascript 相关文章推荐
jquery+json实现的搜索加分页效果
Mar 31 Javascript
用js实现的模拟jquery的animate自定义动画(2.5K)
Jul 20 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
Sep 06 Javascript
javascript实现微信分享
Dec 23 Javascript
jQuery中使用animate自定义动画的方法
May 29 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 Javascript
vue mounted组件的使用
Jun 18 Javascript
JavaScript fetch接口案例解析
Aug 30 Javascript
浅谈express.js框架中间件(middleware)
Apr 07 Javascript
ionic4+angular7+cordova上传图片功能的实例代码
Jun 19 Javascript
layui实现数据表格点击搜索功能
Mar 26 Javascript
keep-alive保持组件状态的方法
Dec 02 Javascript
如何利用JS通过身份证号获取当事人的生日、年龄、性别
Jan 22 #Javascript
jQuery解析json格式数据简单实例
Jan 22 #Javascript
基于javascript实现根据身份证号码识别性别和年龄
Jan 22 #Javascript
基于jQuery仿淘宝产品图片放大镜特效
Oct 19 #Javascript
jQuery图片旋转插件jQueryRotate.js用法实例(附demo下载)
Jan 21 #Javascript
jQuery validate插件submitHandler提交导致死循环解决方法
Jan 21 #Javascript
jQuery prototype冲突的2种解决方法(附demo示例下载)
Jan 21 #Javascript
You might like
php打包网站并在线压缩为zip
2016/02/13 PHP
Yii2中事务的使用实例代码详解
2016/09/07 PHP
PHP不使用递归的无限级分类简单实例
2016/11/05 PHP
PHP实现字符串大小写转函数的功能实例
2019/02/06 PHP
JS获得选取checkbox整行数据的方法
2015/01/28 Javascript
JS+CSS实现仿msn风格选项卡效果代码
2015/10/22 Javascript
JS实现浏览器状态栏文字闪烁效果的方法
2015/10/27 Javascript
JSON+Jquery省市区三级联动
2016/01/13 Javascript
JavaScript中获取HTML元素值的三种方法
2016/06/20 Javascript
js内置对象处理_打印学生成绩单的简单实现
2016/09/24 Javascript
jquery+html仿翻页相册功能
2016/12/20 Javascript
easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码
2017/01/12 Javascript
JavaScript通过filereader接口读取文件
2017/05/10 Javascript
JavaScript比较同一天的时间大小实例代码
2018/02/09 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
2019/04/22 Javascript
javascript系统时间设置操作示例
2019/06/17 Javascript
vue路由教程之静态路由
2019/09/03 Javascript
es6中let和const的使用方法详解
2020/02/24 Javascript
python matplotlib 注释文本箭头简单代码示例
2018/01/08 Python
python实现K最近邻算法
2018/01/29 Python
Python 使用with上下文实现计时功能
2018/03/09 Python
Python多继承原理与用法示例
2018/08/23 Python
Python 数据库操作 SQLAlchemy的示例代码
2019/02/18 Python
Python字符串匹配之6种方法的使用详解
2019/04/08 Python
python re.sub()替换正则的匹配内容方法
2019/07/22 Python
python 修改本地网络配置的方法
2019/08/14 Python
python获取引用对象的个数方式
2019/12/20 Python
Tensorflow 多线程设置方式
2020/02/06 Python
20佳惊艳的HTML5应用程序示例分享
2011/05/03 HTML / CSS
土耳其家居建材网站:Koçtaş
2016/11/22 全球购物
宝拉珍选英国官网:Paula’s Choice英国
2019/05/29 全球购物
文员的职业生涯规划发展方向
2014/02/08 职场文书
法人代表授权委托书
2014/04/08 职场文书
反腐倡廉观后感
2015/06/08 职场文书
家庭贫困证明
2015/06/16 职场文书
python文件与路径操作神器 pathlib
2022/04/01 Python