位置: 编程技术 - 正文

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类(极简主义分析)

  • 印花税购销合同改为买卖合同
  • 不知道进价怎么求利润
  • 不征税发票需要预缴税款吗
  • 增值税上月多交税本月怎么办
  • 小规模纳税人可以开1%的专票吗
  • 未达起征点销售额是含税还是不含税
  • 外资企业享受什么优惠政策
  • 成本类科目期末借方余额表示
  • 销售免税货物如何开票
  • 现金折扣销售退回的会计分录
  • 出口货物如果没收怎么办
  • 什么叫项目所在地
  • 资源税改革对政治的影响
  • 收到的支票背书怎么写
  • 已预缴税款金额可以不申请退税吗
  • 工资中的公积金怎么算法
  • 实收资本和注册资本必须一致吗
  • 累计专项扣除比别人的多
  • w7系统怎么用
  • php 设计模式
  • wordpress使用
  • Win11 Build 22000.160(KB5005189)预览版发布,更新了哪些内容
  • php中array_multisort对多维数组排序的方法
  • 存货按实际成本计价是指每种存货的收发结存
  • codeigniter3中文手册
  • 高翔ORB-SLAM2稠密建图编译(添加实时彩色点云地图+保存点云地图)
  • yii框架教程
  • cvpr2021论文列表
  • Vue3通透教程【二】更高效的构建工具—Vite
  • pythontime模块
  • lvs命令
  • php图像识别
  • php忘记密码
  • 跨域问题是什么
  • 一般贸易和进料加工退税的区别
  • 企业销售旧车增值税处理
  • 企业所得税申报表在哪里打印
  • 帝国cms移动端
  • 发工资是用借记卡还是储蓄卡
  • sqlserver2005创建表
  • 应交增值税进项税额和销项税额区别
  • 加工费计入什么科目制造企业成本
  • 微信账单可以用来干嘛
  • 银行承兑汇票是什么意思
  • 商业承兑汇票怎么接收
  • 2020年申报期截止时间
  • 电费可以计入营业外收入吗
  • 事业单位有奖励吗
  • 财务专用章的效力
  • 整个期间影响损耗的因素
  • 利润表季度表怎么填
  • 账务调整会计分录
  • mysql 5.7.11 zip安装配置方法图文教程
  • centos关闭kdump
  • mac键盘图标与对应不匹配
  • VirtualBox安装64位系统报错的处理方法
  • 搜集数据软件
  • 手动为LiteSpeed安装eAccelerator和XCache的方法分享
  • windows8消费预览版中图片密码使用教程
  • 手机更新升级版本下载
  • win10预览版21390
  • win10系统怎么添加ip地址
  • cocos2dx4.0教程
  • 小郭聊一聊
  • css制作动画
  • ftp自动上传文件怎么关闭
  • nodejs异步编程及原理
  • ftp自动上传脚本怎么用
  • web标准包含哪些
  • jsp生成uuid
  • fiori开发
  • javascript的
  • 关于翡翠手镯知识
  • javascript如何定义函数
  • python 命令
  • 施工费税费
  • 村级公益性支出是什么
  • 卫生志愿服务活动
  • 厦门市地方税务局市稽查局关于规范稽查有关规定
  • 仪征十大名人是哪些人
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设