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 插件 人性化的消息显示
Jan 21 Javascript
JavaScript的9个陷阱及评点分析
May 16 Javascript
js读写(删除)Cookie实例详解
Apr 17 Javascript
jQuery的选择器中的通配符使用介绍
Mar 20 Javascript
jquery获取复选框被选中的值
Apr 10 Javascript
javascript 操作符(~、&、|、^、)使用案例
Dec 31 Javascript
一些实用性较高的js方法
Apr 19 Javascript
jQuery 出现Cannot read property ‘msie’ of undefined错误的解决方法
Nov 23 Javascript
JS将unicode码转中文方法
May 08 Javascript
vue 路由嵌套高亮问题的解决方法
May 17 Javascript
亲自动手实现vue日历控件
Jun 26 Javascript
Postman参数化实现过程及原理解析
Aug 13 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注册和登录界面的实现案例(推荐)
2016/10/24 PHP
Zend Framework上传文件重命名的实现方法
2016/11/25 PHP
Laravel 5.2 文档 数据库 ―― 起步介绍
2019/10/21 PHP
Laravel等框架模型关联的可用性浅析
2019/12/15 PHP
JavaScript小技巧 2.5 则
2010/09/12 Javascript
js截取固定长度的中英文字符的简单实例
2013/11/22 Javascript
原生Javascript封装的一个AJAX函数分享
2014/10/11 Javascript
Highcharts入门之基本属性
2016/08/02 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
2016/08/31 Javascript
微信开发 使用picker封装省市区三级联动模板
2016/10/28 Javascript
HTML页面定时跳转方法解析(2种任选)
2016/12/22 Javascript
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
2018/01/05 NodeJs
vue2.0 如何把子组件的数据传给父组件(推荐)
2018/01/15 Javascript
Vue filter介绍及详细使用
2018/04/04 Javascript
详解VUE自定义组件中用.sync修饰符与v-model的区别
2018/06/26 Javascript
Vue动态组件与异步组件实例详解
2019/02/23 Javascript
Vue+ElementUI 中级联选择器Bug问题的解决
2020/07/31 Javascript
[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08
2020/11/10 DOTA
Python实现的二维码生成小软件
2014/07/11 Python
Python3实现将文件归档到zip文件及从zip文件中读取数据的方法
2015/05/22 Python
基于进程内通讯的python聊天室实现方法
2015/06/28 Python
PyQt5实现无边框窗口的标题拖动和窗口缩放
2018/04/19 Python
利用Python实现在同一网络中的本地文件共享方法
2018/06/04 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
Python数据分析模块pandas用法详解
2019/09/04 Python
如何在django中运行scrapy框架
2020/04/22 Python
HTML5打开手机扫码功能及优缺点
2017/11/27 HTML / CSS
GUESS Factory加拿大:牛仔裤、服装及配饰
2019/09/20 全球购物
在C++ 程序中调用被C 编译器编译后的函数,为什么要加extern "C"
2014/08/09 面试题
现在输入n个数字,以逗号,分开;然后可选择升或者降序排序;按提交键就在另一页面显示按什么排序,结果为,提供reset
2012/11/09 面试题
电子商务专业学生的学习自我评价
2013/10/27 职场文书
护士毕业实习感言
2014/03/05 职场文书
百货商场楼层班组长竞聘书
2014/03/31 职场文书
房地产销售员岗位职责
2015/04/11 职场文书
农业项目投资意向书
2015/05/09 职场文书
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫