分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

JS如何禁用浏览器的退格键

发布时间:2023-09-06 02:15责任编辑:傅花花关键词:浏览器

<script type="text/javascript">
???????//处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外
???????function forbidBackSpace(e) {
???????????var ev = e || window.event; //获取event对象
???????????var obj = ev.target || ev.srcElement; //获取事件源
???????????var t = obj.type || obj.getAttribute(‘type‘); //获取事件源类型
???????????//获取作为判断条件的事件类型
???????????var vReadOnly = obj.readOnly;
???????????var vDisabled = obj.disabled;
???????????//处理undefined值情况
???????????vReadOnly = (vReadOnly == undefined) ? false : vReadOnly;
???????????vDisabled = (vDisabled == undefined) ? true : vDisabled;
???????????//当敲Backspace键时,事件源类型为密码或单行、多行文本的,
???????????//并且readOnly属性为true或disabled属性为true的,则退格键失效
???????????var flag1 = ev.keyCode == 8 && (t == "password" || t == "text" || t == "textarea") && (vReadOnly == true || vDisabled == true);
???????????//当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效
???????????var flag2 = ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea";
???????????//判断
???????????if (flag2 || flag1) return false;
???????}
???????//禁止后退键 作用于Firefox、Opera
???????document.onkeypress = forbidBackSpace;
???????//禁止后退键 ?作用于IE、Chrome
???????document.onkeydown = forbidBackSpace;
</script>

JS如何禁用浏览器的退格键

原文地址:https://www.cnblogs.com/xieyongbin/p/9685964.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved