`
matychen
  • 浏览: 172500 次
  • 性别: Icon_minigender_1
  • 来自: 武汉外来务工人员
社区版块
存档分类
最新评论

ext input readOnly backspace

阅读更多

Ext的组件设置readOnly和disabled之后,按backspace页面后退的问题。


Ext.EventManager.on(Ext.isIE ? document : window, 'keydown', function(e, t) {
    if (e.getKey() == e.BACKSPACE &&(t.disabled || t.readOnly)) {
        e.stopEvent();
    }
   });

分享到:
评论

相关推荐

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

    `readonly`的input字段看起来与普通输入框无异,用户可以看到并选择文本,但不能输入新的字符或修改已有内容。与`disabled`不同,`readonly`的input字段在表单提交时,其`value`会正常传递到服务器。这就意味着,...

    javascript中input中readonly和disabled区别介绍

    - `readonly` 属性主要应用于`<input>`(如text、password)和`<textarea>`元素,使得用户无法修改这些元素的值,但用户仍能看到并选中文本。 - 当表单以POST或GET方式提交时,`readonly`字段的值会被一同发送到...

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

    input>设置readOnly属性  <textarea name=”content” id=”content” cols=”27″ rows=”6″></textarea>  var cObj = document.getElementById(“content”);  cObj.setAttribute(“readOnly”...

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

    首先,`readonly`属性主要用于`<input>`(如`text`、`password`)和`<textarea>`元素。它使得用户无法修改已有的内容,但用户仍可以聚焦并看到内容。一个重要的特性是,当表单以`POST`或`GET`方式提交时,`readonly`...

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

    在给定的文件中,主要讲解了如何利用JavaScript(简称js)一次性改变多个`input`元素的`readonly`属性值。此操作特别适用于需要在某些情况下对多个输入框进行统一控制的场景,例如,根据用户权限的不同,允许或者不...

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

    Disabled 和 Readonly 是两种常见的方法来实现 Input 只读效果,它们均可以使 Input 变为不可编辑状态,但它们之间存在着重要的区别。 Disabled 方法 Disabled 属性用于指定 Input 元素是否可用。当 Input 元素...

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

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

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

    然后在input框里加上readonly就可以了。 禁用:disabled 在data里定义:edit: true, 然后在input框里加上::disabled=”edit”就可以了 PS:下面看下elementui通过 disabled 属性指定是否禁用 input 组件,如何用...

    时间例子,日期的选择,在输入框边

    在HTML5中,`<input type="date">` 和 `<input type="time">` 提供了基本的日期和时间选择功能,但它们的样式和交互性有限,不能满足所有需求。 在实际项目中,开发者可能会选择使用JavaScript库或者框架,如jQuery...

    QTP处理readonly控件

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

    禁用backspace键的后退

    == 'input' && event.target.tagName.toLowerCase() !== 'textarea') || !event.target.readOnly) { event.preventDefault(); console.log('Backspace key prevented from navigating back'); } } }); ``` 这段...

    让input变成不可编辑状态的方法.docx

    可以在 input 标签中添加 readonly 属性,以便让 input 变成不可编辑状态。例如:<input type="text" readonly="readonly" /> 2. 使用 disabled 属性 和 readonly 属性类似,可以在 input 标签中添加 disabled ...

    Ext Extjs 禁止文本和日期编辑

    总的来说,通过设置`readOnly`属性或`disabled`属性以及监听事件,我们可以轻松地在Ext JS中实现文本字段和日期选择器的只读功能。这有助于增强用户体验,同时确保数据的安全性。在实际开发过程中,可以根据具体需求...

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

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

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

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

Global site tag (gtag.js) - Google Analytics