`

禁用浏览器的BackSpace退格键

 
阅读更多

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

转载:http://mozilla.com.cn/post/3091/

分享到:
评论

相关推荐

    JS禁用浏览器退格键实现思路及代码

    针对这个问题,本文将介绍如何使用JavaScript(JS)来禁用浏览器的退格键功能,以满足特定的业务需求。 首先,实现禁用退格键的基本思路是通过JavaScript监听键盘事件,并在用户尝试通过退格键删除信息时进行拦截。...

    js禁止使用退格键

    比如,在表单填写过程中,可能不希望用户能够通过退格键(Backspace)删除已有的文本,尤其是在密码输入框或其他敏感信息输入场景中。本文将详细介绍如何使用JavaScript来实现这一功能。 #### 代码解析 首先,我们...

    jquery+js两种方式实现的禁止退格键回退

    在网页应用中,有时我们需要禁用用户使用退格键(Backspace)进行页面回退,以防止意外的数据丢失或功能误触发。标题提到的“jquery+js两种方式实现的禁止退格键回退”主要涉及JavaScript和jQuery这两种方法来阻止...

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

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

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

    例如,你可以监听`keydown`事件,并检查是否是退格键(键码127或`event.key`为"Backspace"),然后阻止其默认动作。 ```javascript document.addEventListener('keydown', function(event) { if (event.keyCode ==...

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

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

    javascript怎么禁用浏览器后退按钮

    //当敲Backspace键时,事件源类型为密码或单行、多行文本的,并且readonly属性为true或enabled属性为false的,则退格键失效 var flag1=(ev.keyCode==8&&(t=="password"||t=="text"||t=="textarea")&&(vReadOnly==...

    Backspace-1.4.1.zip

    概述:Backspace键使退格作为后退导航的快捷方式。 浏览器禁用这种行为,前一段时间,而这个扩展可以帮助谁想要回用户。 描述: Enablegoingbackbypressingbackspacekey Backspace键使退格作为后退导航的快捷方式。 ...

    JQuery防止退格键网页后退的实现代码

    在网页开发中,有时我们需要禁用用户使用浏览器的退格键(Backspace)来防止其触发页面后退的行为,特别是在用户进行数据输入或者操作时,误按退格键导致页面跳转可能会造成不便或数据丢失。这篇内容主要讨论的是...

    JQuery实现防止退格键返回的方法

    为了防止退格键(Backspace)导致浏览器返回上一页的行为,我们需要绑定键盘按下(keydown)事件,并在事件处理函数中判断按键的代码(keyCode)。退格键的keyCode值为8。通过判断当前事件的目标元素(target),...

    web 屏蔽BackSpace键实例代码

    在Web开发中,有时我们需要避免用户在特定情况下误操作导致页面回退,特别是在表单填写时,用户可能会在文本框失去焦点后按下退格键,从而意外地使浏览器后退到上一个页面。针对这个问题,我们可以编写JavaScript...

    使用jquery实现IE下按backspace相当于返回操作

    在网页开发中,有时我们需要对用户的键盘操作进行特殊处理,特别是在一些特定的场景下,比如在SPA(单页面应用)中,我们可能希望阻止用户在非输入区域按下退格键(Backspace)时触发浏览器的后退功能。这是因为,...

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

    // 禁止退格键作用于Firefox、Opera document.onkeypress = banBackSpace; // 禁止退格键作用于IE、Chrome document.onkeydown = banBackSpace; ``` #### 四、扩展思考 除了上述的基本实现外,还可以考虑更多的...

    javascript禁用键盘功能键让右击及其他键无效.docx

    在Web开发中,有时为了保护网站内容或提供特定的用户体验,开发者可能会选择禁用浏览器的一些默认行为,比如禁用键盘上的某些功能键、鼠标右键点击等。下面将详细介绍如何使用JavaScript来实现这些功能。 #### 1. ...

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

    在JavaScript编程中,有时我们可能需要禁用浏览器的默认行为,比如禁制用户按下后退键(Backspace)的功能。这通常在特定场景下进行,比如防止用户在输入表单时误触后退键导致数据丢失。下面我们将详细讨论如何通过...

    jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击

    如果希望禁用退格键(Backspace)使得用户无法通过按退格键返回上一页,可以使用以下代码: ```javascript $(document).keydown(function (e) { var doPrevent; if (e.keyCode == 8) { var d = e.srcElement |...

Global site tag (gtag.js) - Google Analytics