`
libixionglbx
  • 浏览: 11653 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

屏蔽页面中不可编辑的文本框中的backspace按钮事件

阅读更多
 <script type="text/javascript">
        //屏蔽页面中不可编辑的文本框中的backspace按钮事件
        function keydown(e) {
            var isie = (document.all) ? true : false;
            var key;
            var ev;
            if (isie){ //IE和谷歌浏览器
                key = window.event.keyCode;
                ev = window.event;
            } else {//火狐浏览器
                key = e.which;
                ev = e;
            }

            if (key == 8) {//IE和谷歌浏览器
                if (isie) {
                    if (document.activeElement.readOnly == undefined || document.activeElement.readOnly == true) {
                        return event.returnValue = false;
                    } 
                } else {//火狐浏览器
                    if (document.activeElement.readOnly == undefined || document.activeElement.readOnly == true) {
                        ev.which = 0;
                        ev.preventDefault();
                    }
                }
            }
        }

        document.onkeydown = keydown;
    </script>
分享到:
评论

相关推荐

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

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

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

    在上面的例子中,我们通过检查`document.activeElement.readOnly`来确保只有在文本框处于可编辑状态时才允许使用`Backspace`键。 #### 五、阻止浏览器默认行为 在某些情况下,我们可能需要阻止浏览器对某些事件...

    javascript实现网页屏蔽Backspace事件,输入框不屏蔽

    在本例中,开发者希望屏蔽网页中某些元素的Backspace事件,但同时保持输入框(如文本框、文本区域或密码输入框)对Backspace事件的正常响应。Backspace事件是在用户按下键盘上的“退格键”时触发的事件,它在许多...

    jQuery文本框创建关键词标签代码

    我们可以为每个标签添加一个删除按钮或者设置删除事件,比如单击标签时,如果按下键盘的Delete或Backspace键,可以触发删除操作。 5. **禁用/启用标签**: 在某些情况下,可能需要禁止用户修改或删除特定的标签。...

    禁用backspace键的后退

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

    Word文本框删不掉.docx

    当文本框内有闪烁的插入条时,表示你正处在文本编辑状态,此时只能编辑文本而不能删除整个文本框。要进入文本框的设置状态,你需要用鼠标左键点击文本框的边框(即其四条边的任意一条),这样文本框会被高亮显示,...

    JavaScript屏蔽Backspace键的实现代码

    在本文中,我们将深入探讨如何使用JavaScript来屏蔽Backspace键,特别是在遇到特定场景,如只读文本框时,防止用户误操作导致页面回退。Backspace键在大多数情况下用于删除文本,但在某些情况下,尤其是当用户焦点在...

    禁用backspace键的后退功能

    在文本编辑环境中,backspace键主要用于删除光标左侧的字符,而在网页浏览过程中,按下backspace键可能会触发浏览器的后退功能,导致用户意外返回上一个页面。这对于某些需要用户输入敏感信息或进行复杂操作的网页...

    C#文本框只能输入数字

    3. **设置`Handled`属性**:如果输入的字符不符合条件,则将`e.Handled`设为`true`,这样这个字符就不会被添加到文本框中。 ### 总结 通过上述代码示例,我们成功实现了C#中的文本框只能输入数字的功能。这种方法...

    c#中 文本框里锁定数字区

    - `e`:包含有关事件数据的对象,其中`e.KeyChar`表示用户尝试输入的字符,`e.Handled`则用来指示该事件是否已被处理,即是否阻止该字符被输入到文本框中。 3. **条件判断**: - `e.KeyChar != 8`:排除Backspace...

    web 屏蔽BackSpace键实例代码

    在Web开发中,有时我们需要避免用户在特定情况下误操作导致页面回退,特别是在表单填写时,用户可能在文本框失去焦点后按下Backspace键,这会导致浏览器执行历史记录中的后退操作,而不是删除文本框内的字符。...

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

    在Web开发中,通常会遇到需要屏蔽浏览器默认行为的场景,比如在编辑文章的页面中屏蔽用户按退格键(Backspace)或F5刷新页面,以免造成正在编辑的内容丢失。尤其是退格键,它不仅会删除文本框中的字符,还会导致...

    javascript实现简易计算器的代码_.docx

    在 calculation 函数中,我们首先判断文本框中的值是否为空,如果为空,则不能输入运算符号。然后,我们将运算符号保存到 operator 变量中,并将文本框中的值保存到 result 变量中。最后,我们清空文本框,以待输入...

    matlab简易计算器.pdf

    该程序主要由GUI组件构成,包括数字键、小数点按钮、运算符按钮、取相反数按钮、等号按钮、BackSpace按钮和C清除按钮等。每个按钮对应一个回调函数,实现特定的计算功能。 1. 数字键及小数点按钮代码 该部分代码...

    backspace键返回上一页的问题

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

    基于js实现的限制文本框只可以输入数字

    在JavaScript中,我们经常需要对用户输入进行控制,特别是在处理表单时,有时我们需要确保用户只能在特定的文本框(input元素)中输入特定类型的字符,例如数字。本篇文章将详细解析如何使用JavaScript来实现一个...

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

    在JavaScript编程中,有时我们需要创建只读的文本框(`&lt;input type="text" readonly&gt;`)来展示数据,但不允许用户编辑。然而,一个常见的问题在于,当这样的文本框获得焦点时,用户按下退格键(Backspace)可能会...

    Backspace-1.4.1.zip

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

    jQuery文本框字符限制插件-TextArea Counter.pdf

    在网页设计中,常常需要对用户输入的文本进行长度限制,以保持页面的整洁和数据的一致性。jQuery作为一种强大的JavaScript库,提供了丰富的功能来帮助开发者实现这样的需求。本文将详细介绍一个基于jQuery的文本框...

Global site tag (gtag.js) - Google Analytics