`

readonly的input里面键入backspace键,会触发history.back()

 
阅读更多

在IE下,如果在readonly的input里面键入backspace键,会触发history.back(), 用以下jquery代码修正之

 $("input[readOnly]").keydown(function(e) {
             e.preventDefault();
        });

分享到:
评论

相关推荐

    禁用backspace键的后退

    通过阻止Backspace键的默认行为,我们可以防止其触发浏览器的后退操作。以下是一个简单的示例: ```javascript document.addEventListener('keydown', function(event) { if (event.keyCode === 8) { // Backspace...

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

    通过监听键盘事件(如`keydown`或`keypress`),可以捕获Backspace键的触发,并通过特定的方法阻止其默认行为,进而实现禁止Backspace键使浏览器后退的目的。 #### 代码实现详解 ##### 方法一:通用实现方案 ```...

    怎样通过disabled和readonly将input设置为只读效果.docx

    Disabled 属性会使 Input 元素的值无法被传递给服务器端程序,而 Readonly 属性则不会影响其值的传递。 因此,在实际开发中,需要根据具体情况选择合适的方法来实现 Input 只读效果。如果需要使 Input 元素的值无法...

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

    ### JavaScript禁用后退键(Backspace)实例详解 #### 一、背景介绍 在Web开发过程中,有时候我们需要对用户的操作进行一定的限制,比如在某些特定的表单或输入框中,不允许用户通过按后退键(Backspace)来撤销之前...

    C#winform控件textbox按键输入控制.rar

    关键的事件有`TextChanged`(当文本内容改变时触发)、`KeyDown`(用户按下键盘上的键时触发)和`KeyPress`(用户按下并释放一个键时触发)。 按键输入控制主要涉及`KeyDown`和`KeyPress`事件。`KeyDown`事件在键被...

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

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

    JavaScript如何禁止Backspace键

    时有一个奇怪的问题:如果光标进入只读文本框,然后按下Backspace键,就会跳转到上一个页面,效果就像点击了浏览器的后退按钮返回前一个页面一样,而在火狐和google下没有这样的问题出现,为了解决这个问题,写了一...

    input,验证,闪动,自动删除,限制输入

    当用户在输入框中键入字符后,`onkeyup`事件会触发,并通过正则表达式`[^a-zA-Z]`匹配所有非英文字母的字符并将其替换为空字符串,从而达到只允许输入英文字符的效果。 #### 1.2 增强版英文字符输入限制 ```html ...

    JavaScript屏蔽Backspace键的实现代码

    Backspace键在大多数情况下用于删除文本,但在某些情况下,尤其是当用户焦点在只读元素上时,按Backspace键可能会触发浏览器的后退功能,这在IE浏览器中尤为明显。 首先,我们需要理解事件处理在JavaScript中的工作...

    js禁止使用退格键

    - `flag1` 判断:如果按下的是 Backspace 键,并且触发源是文本输入框(`password`、`text` 或 `textarea`),同时该输入框处于只读状态或被禁用,则返回 `false` 以阻止事件的默认行为。 - `flag2` 判断:如果按...

    QTP处理readonly控件

    ### QTP处理readonly控件 在自动化测试领域中,QTP(Quick Test Professional)是一款非常受欢迎的工具,它主要用于功能测试、回归测试等自动化测试任务。对于某些特定类型的控件,如只读(readonly)控件,QTP提供...

    Python库 | notion_readonly-0.0.28.tar.gz

    《Python库notion_readonly-0.0.28:探索与应用》 在Python的广阔天地中,各种库如繁星般璀璨,为开发者提供了强大的工具箱。今天我们要聚焦的便是“notion_readonly”这个库,它以其0.0.28版本的形式被封装在名为...

    web 屏蔽BackSpace键实例代码

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

    通过disabled和readonly将input设置为只读效果

    与`disabled`不同,`readonly`的input字段在表单提交时,其`value`会正常传递到服务器。这就意味着,即使用户不能更改,服务器依然能接收到这些数据。例如: ```html <INPUT type="text" name="partNumber" value=...

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

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

    perl-Readonly-1.03-22.el7.noarch.rpm

    官方离线安装包,测试可用。请使用rpm -ivh [rpm完整包名] 进行安装

    个人通讯录管理系统 vfp

    thisform.txt邮政编码.readonly=.f. thisform.txt性别.readonly=.f. thisform.txt手机.readonly=.f. thisform.txt小灵通.readonly=.f. thisform.txt住宅电话.readonly=.f. thisform.txtqq.readonly=.f. thisform....

    antd-input-tag.zip

    3. **禁用和读-only模式**:你可以通过设置`disabled`属性使InputTag组件变为不可编辑状态,而`readOnly`属性则可以使用户只能查看不能进行添加或删除操作。 4. **验证与限制**:你可以设定`maxTags`限制最多能输入...

Global site tag (gtag.js) - Google Analytics