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

input设置readonly按键backspace跳到上个链接?

阅读更多
<input type="text" readonly="readonly"/>
如果input有属性readonly,则backspace键会乱跳,需要写个keydown事件处理,代码如下:

$("input[readonly]").keydown(function(e) {
		if(e.keyCode == 8)
		{
			e.preventDefault();
		}
    });
0
0
分享到:
评论

相关推荐

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

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

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

    当 Input 元素的 Readonly 属性被设置时,该元素将变为只读状态,用户无法编辑其值,但其值仍然可以被传递给服务器端程序。 在 HTML 中,可以使用以下语法来将 Input 元素设置为 Readonly 状态: ```html &lt;input ...

    [removed]为input设置readOnly属性(示例讲解)

    设置readOnly属性  &lt;textarea name=”content” id=”content” cols=”27″ rows=”6″&gt;&lt;/textarea&gt;  var cObj = document.getElementById(“content”);  cObj.setAttribute(“readOnly”,’true’...

    用js一次改变多个input的readonly属性值的方法

    另外,在示例的HTML部分,也提供了几个具有`readonly`属性的`input`元素,其`type`均为"text",并设置了`id`属性,以便在js中可以方便地定位到它们。同时,还有一个按钮元素,当用户点击此按钮时,会触发`onclick`...

    禁用backspace键的后退

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

    elementUI 设置input的只读或禁用的方法

    总结一下,在Element UI中,设置input的只读状态通常是在组件中添加一个readonly属性,而设置禁用状态则需要在data中定义一个布尔值变量,并通过动态绑定的方式将其应用到:disabled属性上。当需要解除input的禁用...

    QTP处理readonly控件

    此函数接收两个参数:`obj_input`代表控件对象,`mes_input`代表要设置的新值。通过这个函数,可以有效地处理只读控件,使其在自动化测试中能够正确地接受新的输入值。 总之,处理只读控件时需要采取适当的方法,...

    javascript中input中readonly和disabled区别介绍

    在JavaScript中,`readonly` 和 `disabled` 是两个用于表单输入元素的重要属性,它们都可以防止用户直接编辑输入框内的内容,但它们在功能和效果上存在一些差异。 1. **`readonly` 属性**: - `readonly` 属性主要...

    JS中如何设置readOnly的值

    在网页中我们有时候需要控制文本输入框的“输入状态”,一些关键属性是不能修改的,这个时候需要将文本输入框的readonly属性设置为False,在网页中我们可以使用 &lt;input name=”txt_name” type=”text” readonly...

    jquery设置元素的readonly和disabled的写法

    if ($(‘input’).attr(“readonly”)==true) // 判断 input 元素是否已经设置了 readonly 属性 ``` `disabled` 属性则更为严格,它不仅使输入框无法编辑,还阻止了表单提交时包含这个字段。同样,jQuery 提供了...

    浅谈html中input只读属性readonly和disable的区别

    重要的是,即使内容被修改,`readonly`的元素在表单提交时会将当前的值一起发送到服务器,这意味着用户对数据的任何更改都将被记录。 另一方面,`disabled`属性则更为严格,它不仅适用于`&lt;input&gt;`,还涵盖所有表单...

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

    例如,在上面的例子中,我们不希望`Backspace`键导致浏览器后退到上一个页面。这可以通过返回`false`来实现: ```javascript return false; ``` 这将阻止浏览器执行与`Backspace`键相关的默认行为,如后退到上一个...

    下拉框设置为只读模式时不再弹出下拉框

    "下拉框设置为只读模式时不再弹出下拉框"这个主题,主要涉及到HTML、CSS以及可能的JavaScript技术。下面将详细讲解如何实现这一功能。 首先,我们需要理解HTML中的`&lt;select&gt;`元素,这是创建下拉框的基础。一个基本...

    JavaScript如何禁止Backspace键

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

    .NET中TextBox控件设置ReadOnly=true后台取不到值三种解决方法

    在某些情况下,我们可能会希望用户无法修改TextBox中的内容,但是又需要将数据提交到后台,这就涉及到设置TextBox控件的ReadOnly属性。本文将介绍当TextBox控件设置为ReadOnly模式时,前台能够添加值但后台无法获取...

Global site tag (gtag.js) - Google Analytics