微客导航 » 文章资讯 » jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击

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

2024-03-22 17:04:02 520

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

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

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

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

$(document).keydown(function(event){

//屏蔽Alt+方向键←
//屏蔽Alt+方向键→
if((event.altKey)&&((event.keyCode==37)||(event.keyCode==39)))
{
event.returnValue=false;
returnfalse;
}

//屏蔽退格删除键
if(event.keyCode==8){
returnfalse;
}

//屏蔽F5刷新键
if(event.keyCode==116){
returnfalse;
}

//屏蔽alt+R
if((event.ctrlKey)&&(event.keyCode==82)){
returnfalse;
}

});

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

$(document).ready(function(){
$(document).bind("contextmenu",function(e){
alert("sorry!Noright-clicking!");
returnfalse;
});
});

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

$(document).keydown(function(e){
vardoPrevent;
if(e.keyCode==8){
vard=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();
});

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

返回顶部
3162201930
czq8825@qq.com

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

热门推荐

随机推荐