`

禁用backspace的写法

    博客分类:
  • html
 
阅读更多

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;

分享到:
评论

相关推荐

    禁用backspace键的后退功能

    在探讨如何禁用backspace键的后退功能之前,我们首先需要理解backspace键在不同情境下的作用。在文本编辑环境中,backspace键主要用于删除光标左侧的字符,而在网页浏览过程中,按下backspace键可能会触发浏览器的...

    禁用backspace键的后退

    在计算机使用过程中,Backspace键通常用于撤销输入或者删除文本,但在某些特定场景下,比如在网页浏览或特定应用程序中,我们可能希望禁用它的后退功能,防止用户意外地返回到前一个页面,但同时仍能保留其文本编辑...

    禁用backspace网页回退功能的实现代码

    在网页开发中,有时我们需要禁用Backspace键的默认功能,即防止用户按下Backspace时浏览器回退到上一页面。这通常在某些特定场景下是必要的,比如在线编辑器、游戏或者表单填写时,避免用户误操作导致数据丢失。下面...

    Backspace-1.4.1.zip

    名称:Backspace -------------------- 版本:1.4.1 作者:Gilbertas Pocius 分类:生产工具 -------------------- 概述:Backspace键使退格作为后退导航的快捷方式。 浏览器禁用这种行为,前一段时间,而这个扩展...

    JavaScript如何禁止Backspace键

    在Web开发中,某些情况下我们可能需要在输入框中禁止使用Backspace键,特别是在输入框被设置为只读时,以防止用户在IE浏览器中通过按下Backspace键意外返回到前一个浏览的页面。本文将详细解释如何通过JavaScript来...

    js禁止Backspace键使浏览器后退的实现方法.docx

    为了避免这种情况的发生,可以通过JavaScript来禁用Backspace键的后退功能。 #### 实现原理 Backspace键的功能通常由浏览器的默认行为控制。通过监听键盘事件(如`keydown`或`keypress`),可以捕获Backspace键的...

    js屏蔽退格键(backspace或者叫后退键与F5)

    我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用,常见的比如说退格键(backspace/ 后退键),我在一个项目中就遇到过在页面编辑的时候禁用掉退格键,因为退格键会发生页面后退,这样编辑的内容都会...

    如何禁用一些快捷键?怎么禁用快捷键?

    - `event.keyCode == 8`:禁用当输入框不在焦点时的Backspace键。 - `event.ctrlKey && event.keyCode == 78`:禁用Ctrl+N。 - `event.ctrlKey && event.keyCode == 82`:禁用Ctrl+R。 - `event.keyCode == 116`...

    javascript禁制后退键(Backspace)实例代码

    在网页开发中,有时我们可能需要禁用浏览器的后退键(Backspace)功能,以防止用户意外地离开当前页面或者影响数据输入。JavaScript 提供了一种方式来监听和阻止键盘事件,包括 Backspace 键的按下。下面将详细介绍...

    虚拟机中的Linux使用backspace出现乱码

    VMware下安装的Centos,使用backspace进行回退时,出现乱码

    js 禁用只读文本框获得焦点时的退格键

    然而,一个常见的问题在于,当这样的文本框获得焦点时,用户按下退格键(Backspace)可能会导致浏览器回退到前一页面,而非预期的在文本框内删除字符。这种行为可能会引起用户的困惑,甚至可能导致用户意外丢失已...

    将Chrome重新退回到使用Backspace键返回上一页

    对于许多用户来说,习惯于使用Backspace键作为返回上一页的快捷方式。然而,Google Chrome在某个版本之后,默认取消了这一功能,转而将Backspace用作删除历史记录。这引发了一些用户的不满,因为他们需要寻找替代的...

    JS 禁用 退格-刷新-禁用地址栏-菜单栏-右键-窗口最大化

    在网页交互和用户体验设计中,有时开发者可能需要禁用某些功能以达到特定的安全或用户体验目的。以下是对标题和描述中提及的JS知识点的详细解释: 1. **禁用退格键**: 在网页中,用户按下退格键通常会返回上一个...

    添加更多数字按钮,BACKSPACE按钮

    ### 添加更多数字按钮与BACKSPACE按钮 在设计一个计算器程序时,为了提高用户体验并确保功能的完整性,开发者通常会考虑增加更多的数字按钮以及一个用于撤销输入的BACKSPACE按钮。这一步骤是构建一个功能全面且易于...

    JavaScript屏蔽Backspace键的实现代码

    就会跳转到上一个页面,效果就像点击了浏览器的后退按钮返回前一个页面一样,而在火狐和google下没有这样的问题出现,为了解决这个问题,写了一个如下的处理方法,如果文本框是只读的,那么就禁用Backspace键。...

    chrome go-back-with-backspace

    chrome的一款插件,按backspace将返回上一个网页,适合快捷键的人使用

    backspace键返回上一页的问题

    可处理在jsp界面中,文本框为只读和disable状态时,按backspace键返回上一页的问题

    js屏蔽backspace后退,又不影响删除输入框文字

    对于`Backspace`键的操作,我们可以根据当前焦点所在元素的类型以及是否可编辑来决定是否允许其执行删除操作,同时避免触发浏览器的默认后退行为。这种技术不仅适用于特定场景,还可以应用于多种前端项目中,提升...

Global site tag (gtag.js) - Google Analytics