首頁 > web前端 > js教程 > 主體

jQuery停用鍵盤後退屏蔽F5刷新及停用右鍵點選_jquery

WBOY
發布: 2016-05-16 15:18:56
原創
1315 人瀏覽過

本文實例介紹了四種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(); 
}); 

登入後複製

以上就是本文的全部內容,希望對大家的學習有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板