web 屏蔽BackSpace键实例代码


Posted in Javascript onDecember 24, 2016

在web端,输入的时候,很容易在文本框消失焦点的时候,点击退格键,页面就回退了,下面是一种屏蔽页面回退键的方法(在网上找的,具体的地址忘记了!!!)。

//处理键盘事件 禁止后退键(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;

以上所述是小编给大家介绍的web 屏蔽BackSpace键实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Jquery 1.42 checkbox 全选和反选代码
Mar 27 Javascript
基于Jquery的简单图片切换效果
Jan 06 Javascript
Javascript面向对象编程(二) 构造函数的继承
Aug 28 Javascript
JQuery中$(document)是什么意思有什么作用
Jul 21 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
Oct 23 Javascript
js字符串完全替换函数分享
Dec 03 Javascript
浅谈Sizzle的“编译原理”
Apr 14 Javascript
javascript实现炫酷的拖动分页
May 11 Javascript
js滚轮事件兼容性问题需要注意哪些
Nov 15 Javascript
ionic环境配置及问题详解
Jun 27 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
Sep 10 Javascript
让JavaScript代码更加精简的方法技巧
Jun 01 Javascript
js实现的xml对象转json功能示例
Dec 24 #Javascript
jQuery实现的无缝广告图片左右滚动功能详解
Dec 24 #Javascript
浅析BootStrap中Modal(模态框)使用心得
Dec 24 #Javascript
纯JS实现表单验证实例
Dec 24 #Javascript
jQuery实现加入收藏夹功能(主流浏览器兼职)
Dec 24 #Javascript
JS绘制微信小程序画布时钟
Dec 24 #Javascript
jQuery弹出窗口打开链接的实现代码
Dec 24 #Javascript
You might like
php使用gettimeofday函数返回当前时间并存放在关联数组里
2015/03/19 PHP
Thinkphp模板标签if和eq的区别和比较实例分析
2015/07/01 PHP
在Laravel框架里实现发送邮件实例(邮箱验证)
2016/05/20 PHP
php报错502badgateway解决方法
2019/10/11 PHP
TNC vs BOOM BO3 第一场2.13
2021/03/10 DOTA
js下用层来实现select的title提示属性
2010/02/23 Javascript
js中获取事件对象的方法小结
2011/03/13 Javascript
javascript放大镜效果的简单实现
2013/12/09 Javascript
jQuery产品间断向下滚动效果核心代码
2014/05/08 Javascript
用js模拟struts2的多action调用示例
2014/05/19 Javascript
AngularJS使用自定义指令替代ng-repeat的方法
2016/09/17 Javascript
在JSP中如何实现MD5加密的方法
2016/11/02 Javascript
基于jQuery实现滚动刷新效果
2017/01/09 Javascript
nodejs和C语言插入mysql数据库乱码问题的解决方法
2017/04/14 NodeJs
JS中利用FileReader实现上传图片前本地预览功能
2018/03/02 Javascript
webpack本地开发环境无法用IP访问的解决方法
2018/03/20 Javascript
vue-router重定向不刷新问题的解决
2018/06/25 Javascript
实例讲解vue源码架构
2019/01/24 Javascript
vue select 获取value和lable操作
2020/08/28 Javascript
[01:07:02]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第三场 2月26日
2021/03/11 DOTA
python实现telnet客户端的方法
2015/04/15 Python
解决python删除文件的权限错误问题
2018/04/24 Python
Python使用matplotlib绘制三维图形示例
2018/08/25 Python
Python subprocess库的使用详解
2018/10/26 Python
python 提取key 为中文的json 串方法
2018/12/31 Python
Django 实现admin后台显示图片缩略图的例子
2019/07/28 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
浅谈OpenCV中的新函数connectedComponentsWithStats用法
2020/07/05 Python
加拿大消费电子和手机购物网站:The Source
2017/01/28 全球购物
Speedo速比涛德国官方网站:世界领先的泳装品牌
2019/08/26 全球购物
公司踏青活动方案
2014/08/16 职场文书
群众路线对照检查剖析材料
2014/10/09 职场文书
2014年质检工作总结
2014/11/26 职场文书
公司放假通知范文
2015/04/14 职场文书
话题作文之呼唤
2019/12/18 职场文书
Python中常见的导入方式总结
2021/05/06 Python