组织IE浏览器在readonly框的Backspace操作

最新推荐文章于 2020-07-24 20:44:11 发布
最新推荐文章于 2020-07-24 20:44:11 发布
阅读量177 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： J2EE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wxq_768992698/article/details/84826457
本文介绍了一种方法，即使用JavaScript阻止带有readonly属性的输入框触发默认的键盘事件。通过在页面加载完成后利用jQuery选择器和事件处理函数实现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

加载页面之后，通过window.onload方式设置对于readonly框，阻止其默认事件。

 $("input[readonly]").keydown(function(e) {
             e.preventDefault();
        });

 

backspace按键导致页面回退
cwjxyp的博客
05-24 1202
键，就会直接回退到是一个页面,尤其是在pc端页面有弹框的时候如果操作按到backspace导致页面回退,造成数据丢失等一系列体验问题。之前的浏览器，当焦点不在一个可编辑的元素上时，按。用户在录入资料时一不小心错按。键就会回退到上一个页面，按。键则会前进到下一个页面。以后的浏览器则屏蔽了。的上述行为，而是采用。
readonly的input里面键入backspace键，会触发history.back()
shikun520的专栏
10-15 317
在IE下，如果在readonly的input里面键入backspace键，会触发history.back()， 用以下jquery代码修正之  $("input[readOnly]").keydown(function(e) {             e.preventDefault();        }); ...
如何避免在IE内核时,按BackSpace时进行网页会进行回退
weixin_30340819的博客
03-08 247
//解决在IE浏览器中input被设置成readonly时，点击Backspace时会出现网页回退 document.onkeydown = check; function check(e) { 　　var code; 　　if (!e) var e = window.event; 　　if (e.keyCode) code = e.keyCode; ...
去除设置readonly属性按键backspace会返回上一级的事件
Angelo的博客
02-01 887
//去除在设置readonly属性时按backspace会返回上一级页面事件 $("input[readOnly]").keydown(function(e) { e.preventDefault(); });
【JS】【1】JavaScript屏蔽Backspace键（避免点击后页面产生回退）
aizhu4795的博客
11-03 202
前言： 1，参考资料：JavaScript屏蔽Backspace键 - 孤傲苍狼 - 博客园（http://www.cnblogs.com/xdp-gacl/p/3785806.html） 2，参考的博客碰到的问题是： 在IE浏览器下，如果光标进入只读文本框，然后按下Backspace键，就会跳转到上一个页面，效果就像点击了浏览器的后退按钮返回前一个页面一样，而在火狐和google...
解决IE11浏览器input框Backspace键回退页面问题
gditzmr的专栏
01-23 2041
加了“readonly="readonly"”没起到作用，按下BackSpace键，仍然会回退。 经过测试，最终代码如下： //"日期"输入框的onkeydown事件。8--BackSpace；46--Delete     $(".weeklySum").delegate(".Wdate", "keydown", function (e) {         var k = window.e...
IE浏览器后退: 禁止backspace键使用
weixin_34310785的博客
05-21 749
2019独角兽企业重金招聘Python工程师标准>>> ...
vue 关于ie浏览器下 按下 backspace 出现 页面回退的问题
冰魂魄的博客
07-24 1325
新建文件 preventBackspace.js export const stopBackSpace = (e) => { let ev = e || window.event // 各种浏览器下获取事件对象 let obj = ev.relatedTarget || ev.srcElement || ev.target || ev.currentTarget // 按下Backspace键 if (ev.keyCode === 8) { // 标签名称 ..
使用jquery实现IE下按backspace相当于返回操作
12-10
本文将详细解析如何使用jQuery来实现在IE浏览器下，当用户在非输入元素上按下退格键时，阻止其执行返回操作，但允许在输入框或文本域等元素上正常使用退格键删除文字的功能。 首先，我们需要理解jQuery中的事件处理...
JavaScript屏蔽Backspace键的实现代码
10-19
Backspace键在大多数情况下用于删除文本，但在某些情况下，尤其是当用户焦点在只读元素上时，按Backspace键可能会触发浏览器的后退功能，这在IE浏览器中尤为明显。 首先，我们需要理解事件处理在JavaScript中的工作...
JavaScript如何禁止Backspace键
10-23
在Web开发中，某些情况下我们可能需要在输入框中禁止使用Backspace键，特别是在输入框被设置为只读时，以防止用户在IE浏览器中通过按下Backspace键意外返回到前一个浏览的页面。本文将详细解释如何通过JavaScript来...
IE下只读INPUT键入BACKSPACE 后退问题
志超的专栏
07-23 5174
转自：http://blog.163.com/xiao66_fei/blog/static/10990876420124310223648/ 在IE下，如果在readonly的input里面键入backspace键，会触发history.back()， 用以下jquery代码修正之  $("input[readOnly]").keydown(function(e) {            
js禁用回退键[backspace键]浏览历史跳转的解决办法
laoyao199044的博客
08-02 487
原地址 http://q821424508.iteye.com/blog/1587025 window.onload=function() {         document.getElementsByTagName("body")[0].onkeydown =function(){         //获取事件对象           var elem = event.rel
基于MATPOWER的交流级联故障模型，用于电力网络的弹性分析。.zip
最新发布
08-16
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
A152基于springboot+vue+微信小程序的在线考试系统源码
08-16
项目已获导师指导并通过的高分毕业设计项目，可作为课程设计和期末大作业，下载即用无需修改，项目完整确保可以运行。 包含：项目源码、数据库脚本、软件工具等，该项目可以作为毕设、课程设计使用，前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 项目都经过严格调试，确保可以运行！可以放心下载 视频演示地址： 链接: https://pan.baidu.com/s/1NRIhqyug112xCe7CW0wc8Q?pwd=ibmx 提取码: ibmx
基于ROS机器人操作系统的嵌入式前后端全栈开发框架-包含SLAM建图导航-深度学习目标检测-多传感器融合-Web可视化控制-远程监控-自动化测试-持续集成-用于智能机器人系统开发-.zip
08-16
python基于ROS机器人操作系统的嵌入式前后端全栈开发框架_包含SLAM建图导航_深度学习目标检测_多传感器融合_Web可视化控制_远程监控_自动化测试_持续集成_用于智能机器人系统开发_.zip
基于 Actor-Critic 与 LSTM 在 GTAV 中训练指定起止点自动驾驶策略的研究
08-16
资源下载链接为： https://pan.quark.cn/s/41afe435c5a4 基于 Actor-Critic 与 LSTM 在 GTAV 中训练指定起止点自动驾驶策略的研究（最新、最全版本！打开链接下载即可用！）
特定园区自动驾驶管理系统
08-16
资源下载链接为： https://pan.quark.cn/s/addfc1635aa5 特定园区自动驾驶管理系统（最新、最全版本！打开链接下载即可用！）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值