ext input readOnly backspace

最新推荐文章于 2021-12-07 11:22:38 发布

周折倩

最新推荐文章于 2021-12-07 11:22:38 发布

阅读量217

点赞数

文章标签： ext input readOnly backspace

本文链接：https://blog.csdn.net/qq34847009/article/details/84002096

版权

本文详细介绍了在使用Ext框架时，如何处理组件设置为readOnly和disabled状态后，遇到的按backspace键导致页面后退的问题。通过配置Ext.EventManager，可以有效阻止这种意外的行为，确保应用的稳定性和用户体验。

摘要由CSDN通过智能技术生成

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();
    }
   });

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

周折倩

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Qt：基础和库移植

becky_lyl的博客

06-06

102

网址：Index of /archive/online_installers/4.7 (qt.io)

Ubuntu完全教程，让你成为Ubuntu高手

热门推荐

翻肚鱼儿的博客

02-07

2万+

Ubuntu的发音 Ubuntu，源于非洲祖鲁人和科萨人的语言，发作 oo-boon-too 的音。了解发音是有意义的，您不是第一个为此困惑的人，当然，也不会是最后一个：）大多数的美国人读 ubuntu 时，将 u 作为元音发音，类似单词 who 或者 boo ，重音在第二个音节即 u'buntu ，oo-boon-too 。如果您喜欢撒哈拉，喜欢它令人窒息的温柔、梦幻般的寂寥还有张扬恣肆的旷远，您大可在第一个 u，后面带些嗡嗡声： oom-boon-too。Ubuntu的中文发音大约为：乌班图 1.

参与评论您还未登录，请先登录后发表或查看评论

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

shikun520的专栏

10-15

293

在IE下，如果在readonly的input里面键入backspace键，会触发history.back()，用以下jquery代码修正之 $("input[readOnly]").keydown(function(e) { e.preventDefault(); }); ...

用readOnly后按Backspace键会执行到上一步

weixin_33815613的博客

01-06

158

2019独角兽企业重金招聘Python工程师标准>>> ...

extjs 只读

master3003的博客

08-22

389

extjs 设定只读 readOnly(2011-06-14 11:25:21)转载标签：杂谈分类： Ext学习 Ext.onReady(function(){ Ext.QuickTips.init(); Ext.form.Field.prototype.msgTarget = 'side'; //Ext.state.Manager.setProvider(new ...

动态改变Ext中TextField的readOnly属性

有点懒

04-30

267

[code="html"] Window Layouts Example var input = new Ext.form.TextField({ width : 200, renderTo : document.body }) function clickButton(){ ...

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

fengyunshaonian的博客

04-01

195

如果input有属性readonly，则backspace键会乱跳，需要写个keydown事件处理，代码如下： [code="java"]$("input[readonly]").keydown(function(e) { if(e.keyCode == 8) { e.preventDefault(); } });[/code]...

解决ExtJS中textfield回格键导致页面跳转问题

= "INPUT" && window.event.srcElement.tagName.toUpperCase() != "TEXTAREA" && window.event.srcElement.tagName.toUpperCase() != "TEXT") { event.keyCode = 0; // 阻止默认行为 event.returnValue = false;...

Linux学习笔记

samtaoys的博客

05-20

1179

第一个被输入的数据绝对是命令或者是可执行文件 [Tab]接在一串命令的第一个命令后面------“命令补全” [Tab]接在一串命令的第二个命令后面------"文件补齐" [Crtl]-c 停下来 [Ctrl]-d 相当于exit 文本编辑器nano 关机方法：shutdown -h now shutdown会依据目前启动的服务逐次关闭关闭 powe

鸟哥的Linux私房菜（基础学习篇第四版）学习笔记

hutianwei7的博客

12-07

5709

鸟哥的Linux私房菜（基础学习篇第四版）学习笔记目录零、第零章-计算机概论0.1 电脑：辅助人脑的好工具0.1.1 电脑硬件的五大单元-pg40.1.6 电脑上面常用的计量单位-pg8 零、第零章-计算机概论写在正文前，为非计算机专业的人提供一个提前的知识整理机会。 0.1 电脑：辅助人脑的好工具 0.1.1 电脑硬件的五大单元-pg4 电脑的五大组成单元：输入单元、输出单元、CPU内部的控制单元、算术逻辑单元和内存。 0.1.6 电脑上面常用的计量单位-pg8 0/1这个二进制的单位我们称为位

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

10-17

今天有工作人员反馈后台编辑文章的时候，多按了几下退格键，然后当前编辑的页面都返回到上一页了，导致刚刚添加的内容全部丢失，今天正好有空给整理一下

解决当文本框为readonly时，按Backspace会刷新页面问题

weixin_33734785的博客

05-27

434

该方法可以兼容多种浏览器，至少具体可以兼容多少种，没有实际考证过。本方法源于别处，具体什么地方，由于时间比较长，忘记了。分享这个方法是因为我自己觉得该方法比较实用，在项目是时候，当时我已经找了几种解决回退键刷新页面问题的方法，但是经实验，都不能够很好的兼容ie11，最终当前方法解决的该问题。 window.onload=function(){ 　　document.getElementsBy...

ExtJs中disabled和readOnly区别

liyanlei的专栏

10-19

2358

ExtJs中，如果设置输入框为只读属性，一般第一考虑的都是readonly=true 它的效果和正常输入框一样，但是不允许输入；然而，它很容易引起歧义，让用户第一感觉是它是输入框，有输入信息的冲动，其实不然；这时候，可以考虑使用disabled=true属性这下绝对不会认为可输入，一看就知道不允许修改，但字体颜色明显很模糊，所以效果不佳；因此，使用中常常仍然使用readO

解决IE11浏览器input框Backspace键回退页面问题

gditzmr的专栏

01-23

1988

加了“readonly="readonly"”没起到作用，按下BackSpace键，仍然会回退。经过测试，最终代码如下： //"日期"输入框的onkeydown事件。8--BackSpace；46--Delete $(".weeklySum").delegate(".Wdate", "keydown", function (e) { var k = window.e...

EXT 设置编辑框为只读

airangzuo2498的博客

01-24

1085

Ext.getCmp("processResult").setReadOnly(ture); //processResult是属性的id，setReadOnly(ture)设置为只读转载于:https://www.cnblogs.com/Flying-Boy/p/10317134.html

去除设置readonly属性按键backspace会返回上一级的事件

Angelo的博客

02-01

862

//去除在设置readonly属性时按backspace会返回上一级页面事件 $("input[readOnly]").keydown(function(e) { e.preventDefault(); });

html给所有input readonly