Comment éviter de revenir en arrière lorsque l'utilisateur tape un retour arrière sur une entrée de texte HTML?

Question

Retour arrière est la touche de raccourci du navigateur pour retourner à la dernière page. Je sais que lorsqu'une entrée a le focus, cette touche de raccourci est désactivée. Mais j'ai des événements keyup et keydown liés à cette entrée, et quelque chose que j'ai écrit cause ce problème.

Connaissez-vous la solution? Lorsque vous avez géré l'événement depuis l'élément d'entrée, annulez le bouillonnement de cet événement avant de le renvoyer.

Answer 1

Le problème a été provoqué par la suppression d'entrée avant de renvoyer l'événement onKeyDown.

Answer 2

Answer 3

essayer ceci sur votre onKeyDown ou onKeyPress même

if (event.keyCode==8)//where 8 ascii code of backspace 
{ 
retunr; 
} 

Answer 4

Vous pouvez essayer de brancher en cas de window.onbeforeunload pour empêcher une telle navigation accidentelle.

Answer 5

que vous pouvez faire:

1. Vous pouvez définir un écouteur pour InputField et regarder tous les événements keydown.
2. Dans l'écouteur d'événement, vous pouvez créer une variable de tampon, qui a une valeur réelle InputField.

Donc, si vous acceptez un pas de code Backspace alors une nouvelle valeur de tampon sera la valeur InputField et vous utilisez votre hotKeyFunction, d'autre nouvelle valeur de InputField sera la valeur tampon et vous obtenez un travail normal de InputField.

Answer 6

J'ai eu un besoin similaire à savoir pour neutraliser l'action Retour provoquée par Backspace et je suis tombé sur une solution sur ce site

http://www.webmasterworld.com/javascript/3785986.htm

J'espère que cela vous aidera.

Answer 7

if (typeof(window.event)!='undefined')//ie 
    {document.onkeydown=function() 
         {var tag_name=event.srcElement.tagName.toUpperCase(); 
         if (tag_name!='INPUT' && tag_name!='TEXTAREA') 
          {return event.keyCode!=8; 
          } 
         }; 
    } 
else //firefox, chrome 
    {window.addEventListener('keydown',function(evt){if (evt.keyCode==8){evt.preventDefault();}}, true); 
    }