位置: 编程技术 - 正文

JavaScript屏蔽Backspace键的实现代码(javascript屏蔽元素)

编辑:rootadmin

推荐整理分享JavaScript屏蔽Backspace键的实现代码(javascript屏蔽元素),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript屏蔽全屏广告,js屏蔽网页元素,javascript屏蔽font,javascript屏蔽元素,javascript屏蔽元素,javascript屏蔽网页元素,javascript屏蔽元素,javascript屏蔽广告代码,内容如对您有帮助,希望把文章链接给更多的朋友!

今天在IE浏览器下发现,当把使用readonly="readonly"属性将文本框设置成只读<input type="text" readonly="readonly"/>时有一个奇怪的问题:如果光标进入只读文本框,然后按下Backspace键,就会跳转到上一个页面,效果就像点击了浏览器的后退按钮返回前一个页面一样,而在火狐和google下没有这样的问题出现,为了解决这个问题,写了一个如下的处理方法,如果文本框是只读的,那么就禁用Backspace键。

代码如下:

  加上这样的处理之后,就可以解决"只读输入框在IE下按下Backspace键回退到前一个页面的问题了"

ps:用JS屏蔽backspace(退格删除)键或某一个指定键的完美代码

JavaScript屏蔽Backspace键的实现代码(javascript屏蔽元素)

当我们的网页内有一个只读属性的表单时,如下:

上面的这个文本域只是用来向用户展示一些信息的,用户不能对其进行更改,所以加上了“readonly='readonly'”的只读属性,但是在IE8下面,从外观上是看不出来它和其它正常文本域的区别的,所以有的用户可能会对其进行一些删除或者添加内容的一些操作,比如当光标位于这个只读属性的文本域内时,如果用户按下了backspace(退格删除键),那么就会导致整个浏览器的后退,会让人很是郁闷,这时我们要做的就是屏蔽这个只读文本域上的一些指定的键,使用户按下这些键时不会引起浏览器的退后,刷新,或者前进等动作。

上面的代码中,onkeydown表示的是当按下按键时的意思,下面来JS函数pingbi的具体代码,也是非常简单的:

好了,这样当光标位于只读属性的文本域内时,用户按下backspace(退格删除键)时就不会引起浏览器的后退了。

总结

以上所述是小编给大家介绍的JavaScript屏蔽Backspace键的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

极简主义法编写JavaScript类 这个所谓的"极简主义法"是荷兰程序员GabordeMooij提出来的,这种方法不使用this和prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原

微信小程序实现图片放大预览功能 需求:当点击图片时,当前图片放大预览,且可以左右滑动实现方式:使用微信小程序图片预览接口我们可以看到api需要两个参数,分别通过下面的data-

微信小程序选择图片和放大预览图片功能 视频中,老师也是看着官方文档,为学生们讲解,微信提供了系统的方法来选择图片.wx.chooseImage({})此方法是用来选择图片的方法,具体使用如下:data:{avatarUrl:n

标签: javascript屏蔽元素

本文链接地址:https://www.jiuchutong.com/biancheng/369711.html 转载请保留说明!

上一篇:详谈js中标准for循环与foreach(for in)的区别(js的forin)

下一篇:极简主义法编写JavaScript类(极简主义分析)

  • 偶然所得个人所得税会计分录
  • 预付账款收不到发票汇算清缴调整增吗
  • 房地产企业如何预缴土地增值税
  • 银行捐款了吗
  • 业务招待费支出扣除标准
  • 监控系统计入开户费用吗
  • 税款返点如何做财务处理呢?
  • 企业停产或停业期间的费用包括
  • 在杂志上发表论文
  • 企业计提工资的操作步骤
  • 部队属于企事业单位吗
  • 外管证的开具与注销流程
  • 应交税费明细科目有简易计税吗
  • 工会经费 管理费用
  • 企业收入准则的主要内容
  • 打印企业银行流水需要密码吗
  • macbookzen
  • 股东借钱给公司怎么写借条
  • 个人所得税查账征收管理办法
  • php数组函数 菜鸟
  • 盆栽玉树的养殖方法
  • echarts地图不同地区设置不同的颜色
  • 税法中实体从旧程序从新什么意思
  • 贷款减值准备什么科目
  • php实现用户登录
  • 资产负债表根据明细账余额填列的项目
  • phptime函数
  • 个人独资企业是小规模纳税人吗
  • 本月职工工资
  • 本月增加的无形资产数量
  • vue加载速度慢
  • 原生ajax和axios的区别
  • point network
  • laravel后端
  • php返回上一级
  • elementui的表格
  • c语言中sizeof是啥意思
  • 怎么确定应付账款的完整性
  • 房地产项目转让流程
  • 其他应付款是什么类账户
  • 销售人员的销售额是工作绩效的重要指标
  • 加油票子能报销吗
  • 其他人挂靠公司交社保会计处理怎么做?
  • 哪里还有备用金可以借
  • 磅差怎么开票
  • 垫付的资金
  • 外购的商品用于生产
  • 不动产什么时候取得所有权
  • winxp出现应用程序错误
  • WINDOWS系统中删除放入回收站的文件占用什么空间
  • windows server 2008 r2开启远程访问
  • debian8安装
  • linux连接vps
  • 电脑系统停用
  • coocareservice.exe是病毒吗
  • Win10 Mobile RS2预览版14915上手视频评测
  • ahci模式下安装win7蓝屏
  • mac怎么旋转窗口
  • mac的替换在哪里
  • win7旗舰版使用ie8特别卡怎么回事?
  • win8读不出u盘
  • win10 提示你的设备遇到问题 需要重新启动
  • linux中的rpm什么意思
  • 升级win10系统后安装谷歌打不开
  • redhat linux安装
  • vncviewer连接linux
  • win7能打lol
  • 怎么在linux中安装软件
  • 谷歌批量下载插件
  • python 编程技巧
  • unity简单小游戏案例
  • vue中使用js
  • unity持久化存储
  • document对象的常用方法
  • JavaScript中的this
  • 歺包做法
  • 广西电子发票如何申请
  • 非道路机械环保标志图片
  • 电子签章在电脑上怎样加印章
  • 如何在电子税务局变更财务负责人
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设