Maison > interface Web > js tutoriel > le corps du texte

jQuery désactive le retour du clavier, bloque l'actualisation F5 et désactive le clic droit_jquery

WBOY
Libérer: 2016-05-16 15:18:56
original
1312 Les gens l'ont consulté

Les exemples de cet article présentent quatre façons de désactiver plusieurs fonctions dans jquery

1. Désactivez F5 pour actualiser le code de l'instance jQuery
F5 a pour fonction de rafraîchir la page Web. Parfois, il peut être nécessaire de désactiver cette fonction. Voici un exemple de code pour présenter comment implémenter cette fonction.
Le code est le suivant :

$(document).ready(function(){ 
 $(document).bind("keydown",function(e){ 
  var e=window.event||e; 
  if(e.keyCode==116){ 
   e.keyCode = 0; 
   return false; 
  } 
 }) 
})
Copier après la connexion

2. jQuery désactive le retour du clavier, l'actualisation F5 et d'autres touches de raccourci

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

 });

Copier après la connexion

3. Désactivez la fonction clic droit
Le code est le suivant :

$(document).ready(function() { 
$(document).bind("contextmenu",function(e) { 
alert("sorry! No right-clicking!"); 
return false; 
}); 
}); 
Copier après la connexion

4. Code d'implémentation de jQuery pour empêcher la touche retour arrière de rembobiner la page Web

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

Copier après la connexion

Ce qui précède représente l’intégralité du contenu de cet article, j’espère qu’il sera utile à l’étude de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal