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

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

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

赞 (0)

相关推荐

  • jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现

    禁用鼠标右键菜单栏 $("body").bind("contextmenu", function(event) { return false; }); 禁用快捷键 $("body").bind("keydown",function(e){ e=window.event||e; //禁止空格键翻页 if(event.keyCode==32){ return false; } //屏蔽F5刷新键 if(event.keyCode=

  • jQuery简单实现禁用右键菜单

    代码非常简单,这里就不多废话了,直接上代码: 复制代码 代码如下: $(document).ready(function(){     $(document).bind("contextmenu",function(e){         return false;     }); }); 5行代码搞定,简单吧,当然小伙伴们可以自由扩展下,可以实现屏蔽右键菜单的指定项.

  • jquery禁用右键单击功能屏蔽F5刷新

    1.禁用右键单击功能 复制代码 代码如下: $(document).ready(function() { $(document).bind("contextmenu",function(e) { alert("sorry! No right-clicking!"); return false; }); }); 2.屏蔽F5刷新 复制代码 代码如下: $(document).ready(function() { $(document).bind("keydo

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

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

  • js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)

    复制代码 代码如下: <script language="Javascript" type="text/javascript"> //屏蔽鼠标右键.Ctrl+N.Shift+F10.F11.F5刷新.退格键 function document.oncontextmenu() { event.returnValue = false; } //屏蔽鼠标右键 function window.onhelp() { return false } //屏蔽F1帮助

  • 屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码

    //屏蔽鼠标右键.Ctrl+n.shift+F10.F5刷新.退格键  function KeyDown(){  if ((window.event.altKey)&&  ((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ←  (window.event.keyCode==39))){ //屏蔽 Alt+ 方向键 →  alert("不准你使用ALT+方向键前进或后退网页!");  event.returnValue=false; 

  • 屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键

    屏蔽鼠标右键.Ctrl+N.Shift+F10.Alt+F4.F11.F5刷新.退格键 //屏蔽鼠标右键.Ctrl+N.Shift+F10.F11.F5刷新.退格键 function document.oncontextmenu(){event.returnValue=false;}//屏蔽鼠标右键 function window.onhelp(){return false} //屏蔽F1帮助 function document.onkeydown(){ if((window.event.alt

  • javascript禁用键盘功能键让右击及其他键无效

    复制代码 代码如下: <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" onmouseup=document.selection.empty() oncopy=document.selection.empty() onselect=do

  • Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享

    在 Extjs 开发中,我们需要屏蔽一些键盘按键,来避免用户在使用键盘操作的过程中不小心按到这些快捷键造成输入信息丢失等问题. Ext.onReady(function(){ Ext.WindowMgr.zseed = 10000; Ext.QuickTips.init(); Ext.getDoc().on("contextmenu", function(e){ e.stopEvent(); }); if(document.addEventListener){ document.add

  • php+jquery+html实现点击不刷新加载更多的实例代码

    基本原理:页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个"更多"链接,通过触发该链接,向服务端发送Ajax请求,后台PHP程序得到请求参数,并作出相应,获取数据库相应的记录并以JSON的形式返回给前台页面,前台页面jQuery解析JSON数据,并将数据追加到列表页.其实就是Ajax分页效果. HTML 首先要引入jquery库和jquery.more.js插件,jquery.more.js已经将许多功能都封装好了,并提供了参

  • jQuery模拟原生态App上拉刷新下拉加载更多页面及原理

    jQuery模拟原生态App上拉刷新下拉加载更多页面及原理

    很多App中,新闻或者展示类都存在下拉刷新和上拉加载的效果,网上提供了实现这种效果的第三方类(详情请见MJRefresh和EGOTableViewPullRefresh),用起来很方便,但是闲暇之余,我们可以思考下,这种效果实现的原理是什么,我以前说过,只要是动画都是骗人的,只要不是硬件问题大部分效果都能在系统UI的基础上做出来. 下面通过jQuery手机端上拉下拉刷新页面代码,很像QQ空间客户端或者微信下拉刷新页面特效代码. 请看下面效果图: 在线预览    源码下载 html代码: <div

随机推荐