禁用页面backspace后退

最新推荐文章于 2024-11-25 15:04:59 发布

原创最新推荐文章于 2024-11-25 15:04:59 发布 · 701 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文介绍了一种通过JavaScript禁用浏览器Backspace键后退功能的方法，以防止用户误操作导致的数据丢失。该方法适用于不需要使用Backspace键进行输入框编辑的网页。

/**

* 禁用页面backspace后退

function backspace(evt){

evt=evt?evt:window.event;

if (evt.keyCode == 8 && evt.srcElement.tagName != "INPUT" && evt.srcElement.type != "text")

evt.returnValue=false;

}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

缘来有你123

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

JavaScript如何禁止Backspace键

10-23

主要介绍了JavaScript如何禁止Backspace键，可以帮助大家解决“只读输入框在IE下按下Backspace键回退到前一个页面”的问题，感兴趣的小伙伴们可以参考一下

java防止后退_JavaWeb页面中防止点击Backspace网页后退情况

weixin_42136477的博客

02-16

284

当键盘敲下后退键(Backspace)后1、禁止浏览器自动后退2、但不影响密码、单行文本、多行文本输入框等的回退操作//处理键盘事件禁止后退键(Backspace)密码或单行、多行文本框除外function banBackSpace(e){var ev = e || window.event;//获取event对象var obj = ev.target || ev.srcElement;//获取...

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

java禁止后退_禁用backspace键的后退功能

weixin_29054399的博客

02-16

245

禁用backspace键的后退功能，但是可以删除文本内容document.onkeydown=check;functioncheck(e){varcode;if(!e)vare=window.event;if(e.keyCode)code=e.keyCode;elseif(e.which)code=e.which;if(((event.keyCode==...

【VUE/JS】vue和js禁止浏览器页面后退

LuviaWu的博客

11-09

9941

//禁止页面后退（本来是想每个页面都不能后退的，但是这还能后退一两次） history.pushState(null, null, document.URL); window.addEventListener('popstate', function() { history.pushState(null, null, document.URL); }); // 初始化操作 $(doc...

vue中iE11 input select使用backspace使浏览器回退解决

Wcharles666的博客

02-28

1825

参考网址：http://www.cnblogs.com/lujiulong/p/6019638.html 在utils中添加preventBackspace.js文件代码如下： export const banBackSpace = (e) => { let ev = e || window.event // 各种浏览器下获取事件对象 let obj = ev.relate...

js禁用backspace键防止IE后退页面

chenglaozong的博客

12-07

695

//处理键盘事件禁止后退键（Backspace）密码或单行、多行文本框除外 2 function banBackSpace(e){ 3 var ev = e || window.event;//获取event对象 4 var obj = ev.target || ev.srcElement;//获取事件源 5 v...

禁用backspace退格键的页面后退，但是可以删除文本内容

fireinjava的专栏

10-09

366

js禁用backspace退格键，以免造成页面后退

weixin_33747129的博客

04-10

112

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

自动设置iframe高度和禁止backspace后退js

weixin_34258078的博客

08-08

517

function iFrameHeight(iframeId) { var ifm = document.getElementById(iframeId); var subWeb = document.frames ? document.frames[iframeId].document : ifm.contentDo...

防止backspace键后退网页

菜鸟前端的博客

07-19

1070

//防止backspace键后退网页 document.onkeydown = function(event) { if (event.keyCode == 8) {// backspace的keycode=8 var type = document.activeElement.type;// 获取焦点类型 if (type == "text" || type == "textarea"...

【前端】js vue 屏蔽BackSpace键删除键导致页面后退的方法

最新发布

我是Superman丶的博客

11-25

770

以上代码会阻止 Backspace 键在非输入区域时触发页面后退，同时保留在输入框或可编辑区域内的正常行为。如果有特殊场景，可以进一步自定义逻辑。

js禁用后退键和禁用后退按钮 ASP.net

weixin_30553065的博客

08-20

177

下面是禁用后退键(各种浏览器)： //处理键盘事件禁止后退键（Backspace）密码或单行、多行文本框除外 function banBackSpace(e) { var ev = e || window.event; //获取event对象 var obj = ev.target ...

JavaScript屏蔽Backspace键

chengluwei3014的博客

09-17

　　今天在IE浏览器下发现，当把使用readonly="readonly"属性将文本框设置成只读<input type="text" readonly="readonly"/>时有一个奇怪的问题：如果光标进入只读文本框，然后按下Backspace键，就会跳转到上一个页面，效果就像点...

js禁止后退键（Backspace）

a18609637075的专栏

08-21

691

//处理键盘事件禁止后退键（Backspace）密码或单行、多行文本框除外 function banBackSpace(e){ var ev= e || window.event;//获取event对象 var obj= ev.target || ev.srcElement;//获取事件源 var t = obj.type

html5取消backspace后退功能,js屏蔽退格键(backspace或者叫后退键与F5)_晚秋_前端开发者...

weixin_33597080的博客

06-19

430

没有绝对的屏蔽，最好是我们在真实的项目开发中经常会使用比较好的代码，处理键盘事件禁止后退键(Backspace)密码或单行、多行文本框除外//处理键盘事件禁止后退键(Backspace)密码或单行、多行文本框除外function banBackSpace(e){var ev = e || window.event;//获取event对象var obj = ev.target || ev.src...

javascript禁用Backspace退格键（结合自己实际应用中遇到的textarea中退格造成页面假死问题做了修改）

中草药代码

06-03

8107

javascript禁用Backspace退格键今天有个新需求,要求在窗口中编辑的时候禁用掉退格键,因为退格键会发生页面后退的动作,编辑的时候非常不便. 在网上搜索了一下,有两种方法,最后决定采用这位仁兄的方法,见http://volunteer521.iteye.com/blog/830522,这是其根据第一种方法做的改良,但是发现还是存在bug,最后做解释! 这

Firefox 终于对退格键“下手”了！

CSDN资讯

01-11

6847

你有因用过退格键而后悔吗？作者 | 苏宓出品 | CSDN（ID：CSDNnews）写代码时，你经历过电脑突然黑屏的恐惧感吗？还没来得及 Ctrl+S，一朝回到“最初的模样”。然而，即使...

禁掉浏览器的后退事件（键盘上的后退+浏览器的后退按钮）

weixin_30402085的博客

09-25

179

1 //禁用浏览器的backspace默认回退事件 2 document.onkeypress = function (e) { 3 var ev = e || window.event;//获取event对象 4 var obj = ev.target || ev.srcElemen...

javascript怎么禁用浏览器后退按钮

weixin_34242509的博客

12-15

135

1. <script language="JavaScript"> javascript:window.history.forward(1);</script> 利用JS产生一个“前进”的动作，以抵消后退功能，这种方法应该是最简洁的，并且不需要考虑用户连点两次或多次“后退”的情况，缺点是当用户端禁用了JavaScript之后即失效。 2. <A HR...