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 相关文章推荐
javascript setTimeout()传递函数参数(包括传递对象参数)
Apr 07 Javascript
stream.js 一个很小、完全独立的Javascript类库
Oct 28 Javascript
html中的input标签的checked属性jquery判断代码
Sep 19 Javascript
用循环或if语句从json中取数据示例
Aug 18 Javascript
JS动画效果打开、关闭层的实现方法
May 09 Javascript
基于JS实现省市联动效果代码分享
Jun 06 Javascript
Js操作DOM元素及获取浏览器高宽的简单方法
Sep 08 Javascript
jQuery选择器特殊字符与属性空格问题
Aug 14 jQuery
JavaScript实现的简单Tab点击切换功能示例
Jul 06 Javascript
js实现删除li标签一行内容
Apr 16 Javascript
纯js+css实现在线时钟
Aug 18 Javascript
vue 自定义组件添加原生事件
Apr 21 Vue.js
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
Laravel中日期时间处理包Carbon的简单使用
2017/09/21 PHP
B/S开发中常用javaScript技术与代码
2007/03/09 Javascript
jquery 入门教程 [翻译] 推荐
2009/08/17 Javascript
js实现翻页后保持checkbox选中状态的实现方法
2012/11/03 Javascript
屏蔽script注入小例子
2013/11/12 Javascript
jQuery常用数据处理方法小结
2015/02/20 Javascript
JavaScript调用客户端Java程序的方法
2015/07/27 Javascript
Bootstrap每天必学之警告框插件
2016/04/26 Javascript
深入浅析JavaScript中with语句的理解
2016/05/12 Javascript
Bootstrap登陆注册页面开发教程
2016/07/12 Javascript
js字符串引用的两种方式(必看)
2016/09/18 Javascript
基于JavaScript实现拖动滑块效果
2017/02/16 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
2019/06/18 Javascript
手把手教您实现react异步加载高阶组件
2020/04/07 Javascript
jQuery实现手风琴特效
2021/01/11 jQuery
Python set集合类型操作总结
2014/11/07 Python
Python正则表达式匹配中文用法示例
2017/01/17 Python
django mysql数据库及图片上传接口详解
2019/07/18 Python
django基于cors解决跨域请求问题详解
2019/08/06 Python
Python 脚本拉取 Docker 镜像问题
2019/11/10 Python
Tensorflow tf.nn.atrous_conv2d如何实现空洞卷积的
2020/04/20 Python
keras实现theano和tensorflow训练的模型相互转换
2020/06/19 Python
Python 中Operator模块的使用
2021/01/30 Python
numpy实现RNN原理实现
2021/03/02 Python
用CSS3来实现社交分享按钮
2014/11/11 HTML / CSS
canvas绘图按照contain或者cover方式适配并居中显示
2019/02/18 HTML / CSS
莫斯科的韩国化妆品店:Sifo
2019/12/04 全球购物
澳大利亚领先的内衣店:Bendon Lingerie澳大利亚
2020/05/15 全球购物
应届生高等护理求职信
2013/10/12 职场文书
小学生感恩演讲稿
2014/04/25 职场文书
庆祝新中国成立65周年“向国旗敬礼”网上签名寄语
2014/09/27 职场文书
2014年政教处工作总结
2014/12/20 职场文书
XX部保密工作制度范本
2019/08/27 职场文书
简单聊一聊SQL注入及防止SQL注入
2022/03/23 MySQL
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js
Redis基本数据类型哈希Hash常用操作命令
2022/06/01 Redis