Heim > Web-Frontend > js-Tutorial > jQuery deaktiviert die Tastaturrückseite, blockiert die F5-Aktualisierung und deaktiviert right-click_jquery

jQuery deaktiviert die Tastaturrückseite, blockiert die F5-Aktualisierung und deaktiviert right-click_jquery

WBOY
Freigeben: 2016-05-16 15:18:56
Original
1329 Leute haben es durchsucht

Die Beispiele in diesem Artikel stellen vier Möglichkeiten vor, mehrere Funktionen in jquery zu deaktivieren

1. Deaktivieren Sie F5, um den jQuery-Instanzcode zu aktualisieren
F5 hat die Funktion, die Webseite zu aktualisieren. Manchmal kann es notwendig sein, diese Funktion zu deaktivieren. Hier ist ein Codebeispiel, um die Implementierung dieser Funktion vorzustellen.
Der Code lautet wie folgt:

$(document).ready(function(){ 
 $(document).bind("keydown",function(e){ 
  var e=window.event||e; 
  if(e.keyCode==116){ 
   e.keyCode = 0; 
   return false; 
  } 
 }) 
})
Nach dem Login kopieren

2. jQuery deaktiviert die Tastaturrückseite, die F5-Aktualisierung und andere Tastenkombinationen

$(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; 
    }

 });

Nach dem Login kopieren

3. Deaktivieren Sie die Rechtsklick-Funktion
Der Code lautet wie folgt:

$(document).ready(function() { 
$(document).bind("contextmenu",function(e) { 
alert("sorry! No right-clicking!"); 
return false; 
}); 
}); 
Nach dem Login kopieren

4. jQuery-Implementierungscode, um zu verhindern, dass die Rücktaste die Webseite zurückspult

$(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(); 
}); 

Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage