So deaktivieren Sie die Rücktaste des Browsers in JS

Dieser Artikel stellt hauptsächlich vor, wie man die Rücktaste des Browsers in JS deaktiviert. Jetzt kann ich ihn mit Ihnen teilen.

Wir entwickeln echte Projekte Wird häufig zum Deaktivieren einiger Tasten auf der Tastatur verwendet, z. B. der Rücktaste (Rücktaste/Rücktaste). Bei der Bearbeitung der Seite wurde die Rücktaste deaktiviert, da die Leertaste deaktiviert wurde Die Seite entwickelt sich zurück und der bearbeitete Inhalt geht verloren, was sehr widerlich ist. Ok, hör auf, Unsinn zu reden und komm direkt zum Code.

  <script type="text/javascript">
        //处理键盘事件 禁止后退键（Backspace）密码或单行、多行文本框除外
        function forbidBackSpace(e) {
            var ev = e || window.event; //获取event对象 
            var obj = ev.target || ev.srcElement; //获取事件源 
            var t = obj.type || obj.getAttribute('type'); //获取事件源类型 
            //获取作为判断条件的事件类型 
            var vReadOnly = obj.readOnly;
            var vDisabled = obj.disabled;
            //处理undefined值情况 
            vReadOnly = (vReadOnly == undefined) ? false : vReadOnly;
            vDisabled = (vDisabled == undefined) ? true : vDisabled;
            //当敲Backspace键时，事件源类型为密码或单行、多行文本的， 
            //并且readOnly属性为true或disabled属性为true的，则退格键失效 
            var flag1 = ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea") && (vReadOnly == true || vDisabled == true);
            //当敲Backspace键时，事件源类型非密码或单行、多行文本的，则退格键失效 
            var flag2 = ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea";
            //判断 
            if (flag2 || flag1) return false;
        }
        //禁止后退键 作用于Firefox、Opera
        document.onkeypress = forbidBackSpace;
        //禁止后退键  作用于IE、Chrome
        document.onkeydown = forbidBackSpace;
</script>

Verwendung: Platzieren Sie den obigen js-Code zwischen . Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!

Verwandte Empfehlungen:

So verwenden Sie Vue.js mit Ajax, um Daten zu binden

So verwenden Sie JS, um eine einfache digitale Implementierung zu implementieren Uhr

Das obige ist der detaillierte Inhalt vonSo deaktivieren Sie die Rücktaste des Browsers in JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!