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 相关文章推荐
WordPress 照片lightbox效果的运用几点
Jun 22 Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
Jun 24 Javascript
用innerhtml提高页面打开速度的方法
Aug 02 Javascript
js 定时器setTimeout无法调用局部变量的解决办法
Nov 28 Javascript
JS DOM实现鼠标滑动图片效果
Sep 17 Javascript
基于JS代码实现导航条弹出式悬浮菜单
Jun 17 Javascript
浅谈JavaScript异步编程
Jan 20 Javascript
vue组件中点击按钮后修改输入框的状态实例代码
Apr 14 Javascript
详解微信第三方小程序代开发
Jun 23 Javascript
js实现图片懒加载效果
Jul 17 Javascript
JS实现十分钟倒计时代码实例
Oct 18 Javascript
JavaScript组合模式---引入案例分析
May 23 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 将excel导入mysql
2009/11/09 PHP
解析php获取字符串的编码格式的方法(函数)
2013/06/21 PHP
PHP APC缓存配置、使用详解
2014/03/06 PHP
yii框架表单模型使用及以数组形式提交表单数据示例
2014/04/30 PHP
php模板引擎技术简单实现
2016/03/15 PHP
JavaScript入门教程(7) History历史对象
2009/01/31 Javascript
基于jquery的跟随屏幕滚动代码
2012/07/24 Javascript
JQuery勾选指定name的复选框集合并显示的方法
2015/05/18 Javascript
JavaScript实现广告的关闭与显示效果实例
2015/07/02 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
2016/05/03 Javascript
AngularJS入门之动画
2016/07/27 Javascript
微信小程序 教程之列表渲染
2016/10/18 Javascript
AngularJS压缩JS技巧分析
2016/11/08 Javascript
基于JavaScript实现淘宝商品广告效果
2017/08/10 Javascript
node 命令方式启动修改端口的方法
2018/05/12 Javascript
使用jQuery给Table动态增加行、清空table的方法
2018/09/05 jQuery
使用puppeteer爬取网站并抓出404无效链接
2018/12/20 Javascript
JavaScript学习笔记之图片库案例分析
2019/01/08 Javascript
Python类属性与实例属性用法分析
2015/05/09 Python
利用ctypes提高Python的执行速度
2016/09/09 Python
python使用邻接矩阵构造图代码示例
2017/11/10 Python
python中的不可变数据类型与可变数据类型详解
2018/09/16 Python
手机使用python操作图片文件(pydroid3)过程详解
2019/09/25 Python
Python编译成.so文件进行加密后调用的实现
2019/12/23 Python
浅谈Keras中shuffle和validation_split的顺序
2020/06/19 Python
Python实现封装打包自己写的代码,被python import
2020/07/12 Python
Python爬虫实例——scrapy框架爬取拉勾网招聘信息
2020/07/14 Python
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
化工机械应届生求职信
2013/11/04 职场文书
机关单位动员会主持词
2014/03/20 职场文书
空乘英文求职信
2014/04/13 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
消防宣传语大全
2015/07/13 职场文书
销售人员管理制度
2015/08/06 职场文书
服装店员工管理制度
2015/08/07 职场文书
5分钟教你docker安装启动redis全教程(全新方式)
2021/05/29 Redis