Implementieren Sie js, um die Rücktaste zu deaktivieren, damit der Browser zurückgeht

Der folgende Editor zeigt Ihnen eine Implementierungsmethode zum Deaktivieren der Rücktaste, damit der Browser in js zurückgeht. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor und werfen wir einen Blick darauf.

Ich bin auf das Problem gestoßen, die Rücktaste zu drücken, um den Browser in das Projekt zurückzusetzen. Ich habe im Internet nach mehreren Lösungen gesucht, aber keine davon war ideal. Also haben wir die Weisheit aller gesammelt und aus ihren Stärken gelernt und sie wie folgt zusammengefasst:

1 Definieren Sie die Methode zur Verhinderung von Backspace in öffentlichen js

function banBackSpace(e){
 var ev = e || window.event;
 //各种浏览器下获取事件对象
 var obj = ev.relatedTarget || ev.srcElement || ev.target ||ev.currentTarget;
 //按下Backspace键
 if(ev.keyCode == 8){
 var tagName = obj.nodeName //标签名称
 //如果标签不是input或者textarea则阻止Backspace
 if(tagName!='INPUT' && tagName!='TEXTAREA'){
  return stopIt(ev);
 }
 var tagType = obj.type.toUpperCase();//标签类型
 //input标签除了下面几种类型，全部阻止Backspace
 if(tagName=='INPUT' && (tagType!='TEXT' && tagType!='TEXTAREA' && tagType!='PASSWORD')){
  return stopIt(ev);
 }
 //input或者textarea输入框如果不可编辑则阻止Backspace
 if((tagName=='INPUT' || tagName=='TEXTAREA') && (obj.readOnly==true || obj.disabled ==true)){
  return stopIt(ev);
 }
 }
}
function stopIt(ev){
 if(ev.preventDefault ){
 //preventDefault()方法阻止元素发生默认的行为
 ev.preventDefault();
 }
 if(ev.returnValue){
 //IE浏览器下用window.event.returnValue = false;实现阻止元素发生默认的行为
 ev.returnValue = false;
 }
 return false;
}

Die Methodenkommentare sind sehr klar geschrieben, daher werde ich hier nicht zu viel erklären.

2. Rufen Sie diese Methode auf, nachdem die Seite geladen wurde

$(function(){
 //实现对字符码的截获，keypress中屏蔽了这些功能按键
 document.onkeypress = banBackSpace;
 //对功能按键的获取
 document.onkeydown = banBackSpace;
 })

Hinweis: Tastenereignis-Auslösesequenz: keydown -> keypress ->textInput -> Das Tastaturereignis kann zu diesem Zeitpunkt nicht abgerufen werden. Drücken Sie die Rücktaste. Der Browser kehrt jedoch zur Verlaufslösung zurück. Ändern Sie das Auswahlfeld in das Kombinationsfeld von easyUI

Das obige ist der detaillierte Inhalt vonImplementieren Sie js, um die Rücktaste zu deaktivieren, damit der Browser zurückgeht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!