禁止后退键backspace

在Vue 3中如何禁止网页返回到上一页 文中介绍了3种在VUE3中实现禁止浏览器返回上一页的方法。 阅读详情
var Xjh={

}
Xjh.commonUtils = {
//处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外   
banBackSpace : function(e){
   var ev = e || window.event;//获取event对象      
   var obj = ev.target || ev.srcElement;//获取事件源      
     
   var t = obj.type || obj.getAttribute('type');//获取事件源类型     
     
   //获取作为判断条件的事件类型   
   var vReadOnly = obj.getAttribute('readonly');  
   var vEnabled = obj.getAttribute('enabled');  
   //处理null值情况   
   vReadOnly = (vReadOnly == null) ? false : vReadOnly;  
   vEnabled = (vEnabled == null) ? true : vEnabled;  
     
   //当敲Backspace键时,事件源类型为密码或单行、多行文本的,   
   //并且readonly属性为true或enabled属性为false的,则退格键失效   
   var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea")   
               && (vReadOnly==true || vEnabled!=true))?true:false;  
    
   //当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效   
   var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea")  
               ?true:false;          
     
   //判断   
   if(flag2){  
       return false;  
   }  
   if(flag1){     
       return false;     
   }     
},
};
$(document).ready(function(){
//禁止后退键 作用于Firefox、Opera   
document.onkeypress=Xjh.commonUtils.banBackSpace;  
//禁止后退键  作用于IE、Chrome   
document.onkeydown=Xjh.commonUtils.banBackSpace;  
});
Vue 禁用浏览器的前进后退操作 主要介绍了Vue 禁用浏览器的前进后退操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 立即下载

相关推荐

Sony SLVS-EC接口实战:如何用Xilinx K7 FPGA接收IMX421传感器数据(附电气特性匹配技巧)

本文详细介绍了在Xilinx Kintex-7 FPGA平台上实现Sony IMX421图像传感器SLVS-EC接口数据接收的完整实战方案。内容涵盖从硬件选型、PCB布局的电气特性匹配技巧,到FPGA内部GTX收发器配置、多通道绑定以及SLVS-EC协议数据解析与图像重组的关键步骤,为高速视觉系统开发提供了宝贵的调试经验和系统集成指导。

efc12345678的博客 261

vue 阻止页面回退(backspace键)

*这段代码得写在next()的后面,因为写在next()前面location.href并不是to的地址,这点跟vue1.0有点不同。2.在全局的router.beforeEach 函数里面获取allowBack的状态,同时更新vuex的allowBack的值,location.href 获取的仍不是to的地址,所以得根据to的信息来拼起来。2.vue中结合vuex方法。

eliodadada的博客 2267

深入解析DDR5 SDRAM的ODT模式:时序图与状态表实战指南

本文深入解析了DDR5 SDRAM的ODT模式,详细阐述了其五种工作状态及其在读写操作中的动态切换逻辑。通过解读JESD79-5标准中的时序图与状态表,并结合模式寄存器配置实战,为硬件工程师和爱好者提供了优化信号完整性、提升系统稳定性的关键指南。

gpu4optimizer的博客 697

vue的禁止浏览器后退

mounted方法里写入。

weixin_45292837的博客 332

安装破解IAR EWARM 8.2,提供注册机

IAR Embedded Workbench for ARM(IAR for ARM)是一款微处理器的集成开发环境软件,该集成开发环境中包含了IAR的C/C++编译器、 汇编工具、链接器、库管理器、文本编辑器、工程管理器和C-SPY调试器,支持ARM,AVR,MSP430等芯片。   一、安装 双击运行安装程序,点击Install IAR Embedded Workbench for ARM...

睿思派克 4万+

YOLOv8改进策略【Neck】| BiFPN:双向特征金字塔网络-跨尺度连接和加权特征融合

可扩展的高效物体检测BiFPN(加权双向特征金字塔网络)

Limiiiing的博客 1080

js禁止浏览器使用backspace键后退网页及禁止所有后退操作

禁止浏览器使用backspace键后退网页   <script> //禁止浏览器使用backspace键后退网页 function banBackSpace(e) { var ev = e || window.event; //各种浏览器下获取事件对象 var obj = ev.relatedTarget || ev.srcElement || ev.target || ev.cu...

weixin_39366606的博客 1098

基于YOLOv11的建筑图纸物体检测系统设计与实现

包含多种建筑平面图,标注了墙体、门窗等元素:CAD格式的建筑图纸数据集:专门针对建筑元素的标注数据集自定义数据集:使用LabelImg等工具自行标注的建筑图纸本文以FloorPlanDataset为基础,结合部分自定义标注数据构建混合数据集。wall (墙体)door (门)window (窗)stair (楼梯)furniture (家具)text (文字标注)dimension (尺寸标注)column (柱子)

YOLO 536

js禁止后退键(Backspace)

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

a18609637075的专栏 696

CAN总线入门(硬件部分)

这篇博客讲述CAN总线入门知识。

记得诚 1万+

JNI的本质解析:Android Framework视角下的Java-Native衔接机制

本文基于Android 14源码深入分析JNI机制,从Android Framework视角解析Java-Native衔接原理。主要内容包括:JNI的双轨制注册机制(静态与动态注册),核心数据结构(JNIEnv与JavaVM)的实现原理,以及完整的调用链路剖析。文章通过MessageQueue的JNI实现案例,展示Android Framework如何利用JNI实现Java层与Native层的高效交互,并提供了性能优化建议。分析表明,JNI作为Android系统架构的关键桥梁,其设计充分考虑了性能、安全性

保持专注,保持热爱 1208

web项目中禁止backspace键后退

当键盘敲下后退键(Backspace)后 1、禁止浏览器自动后退 2、但不影响密码、单行文本、多行文本输入框等的回退操作 <script type="text/javascript"> //处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外 function banBackSpace(e){ va...

游园拾忆 1753

2026年广东省职业院校技能大赛中职组“大数据应用与服务”样题一完整参考答案

2026年广东省职业院校技能大赛中职组“大数据应用与服务”样题一完整参考答案

我是网络安全兼技能大赛工程师,专注网络安全技术学习与技能大赛实战!持续分享最新的技术文章,帮你少走弯路,一起在技术赛道上进步~ 739

【IE】:js禁止Backspace键使浏览器后退

IE浏览器,非输入框处按backspace键, 浏览器默认回退。 其他浏览器,像chrome, 浏览器本身禁用backspace回退功能。 全局使用: app.vue中: mounted() { document.onkeypress = this.banBackSpace; document.onkeydown = this.banBackSpace; }, methods: { banBackSpace(e) { function stopI

xilejie的博客 695

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

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

禁用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==...

weixin_29054399的博客 248

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

php禁止手机浏览器后退,实现js禁止Backspace键使浏览器后退

下面小编就为大家带来一篇js禁止Backspace键使浏览器后退的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧在项目中遇到按下Backspace键让浏览器后退的问题,上网搜了几种解决方案都不太理想。于是集众人之智,采众家之长,归纳如下:1、在公用js中定义阻止Backspace的方法function banBackSpace(e){var ev = e |...

weixin_39964391的博客 212

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

禁止后退键(Backspace)终极方案

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

ggglllzzz的专栏 4798

html5取消backspace后退功能,JS禁止后退键(Backspace)详解

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

weixin_33729288的博客 638

JS禁止后退键(backspace)使浏览器后退

背景说明: 今天项目测试中,同事发现一个Bug,当键盘敲下后退键(Backspace)后,浏览器自动后退,不符合需求,故建议禁止浏览器后退键。   提出需求: Html代码  当键盘敲下后退键(Backspace)后   1、禁止浏览器自动后退   2、但不影响密码、单行文本、多行文本输入框等的回退操作      解决方案: 网上搜了一下,发现有不少解决方案...

weixin_34377919的博客 247

IE浏览器后退: 禁止backspace键使用

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

weixin_34310785的博客 786

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

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

weixin_42136477的博客 289

使用javascript脚本 禁止后退键(Backspace)密码或单行、多行文本框除外

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

weixin_30469895的博客 99

处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外

<script type="text/javascript"> //处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外 function forbidBackSpace(e) { var ev = e || window.event; //获取event对象 var obj = e...

weixin_30794851的博客 103
上一篇: mysql 查看锁表解锁
下一篇: jeecg快速开发框架资料及视频地址
nddjava
博客等级 码龄16年 15粉丝 121原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值