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 new 需不需要继续使用
Jul 02 Javascript
javascript tips提示框组件实现代码
Nov 19 Javascript
jQuery隔行变色与普通JS写法的对比
Apr 21 Javascript
js用闭包遍历树状数组的方法
Mar 19 Javascript
jquery操作checkbox示例分享
Jul 21 Javascript
遍历json 对象的属性并且动态添加属性的实现
Dec 02 Javascript
easyui-datagrid特殊字符不能显示的处理方法
Apr 12 Javascript
AngularJS 单选框及多选框的双向动态绑定
Apr 20 Javascript
jQuery动态追加页面数据以及事件委托详解
May 06 jQuery
解决Linux无法正常安装与卸载Node.js的方法
Jan 19 Javascript
js实现简单页面全屏
Sep 17 Javascript
JS中自定义事件的使用与触发操作实例分析
Nov 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
解析将多维数组转换为支持curl提交的一维数组格式
2013/07/08 PHP
php数组指针操作详解
2017/02/14 PHP
Laravel使用支付宝进行支付的示例代码
2017/08/16 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
另类调用flash无须激活的方法
2006/12/27 Javascript
extjs之去除s.gif的影响
2010/12/25 Javascript
Jqyery中同等与js中windows.onload的应用
2011/05/10 Javascript
js写一个字符串转成驼峰的实例
2013/06/21 Javascript
javascript中的变量作用域以及变量提升详细介绍
2013/10/24 Javascript
JavaScript作用域与作用域链深入解析
2013/12/06 Javascript
jquery中ajax函数执行顺序问题之如何设置同步
2014/02/28 Javascript
JS实现简单的顶部定时关闭层效果
2014/06/15 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
2015/02/27 Javascript
JavaScript操作DOM元素的childNodes和children区别
2015/04/01 Javascript
详解JavaScript的while循环的使用
2015/06/03 Javascript
JS实现把鼠标放到链接上出现滚动文字的方法
2016/04/06 Javascript
jQuery 3.0十大新特性
2016/07/06 Javascript
Javascript中 toFixed四舍六入方法
2017/08/21 Javascript
详解Js中的模块化是如何实现的
2017/10/18 Javascript
通过vue.extend实现消息提示弹框的方法记录
2021/01/07 Vue.js
Python生成随机数的方法
2014/01/14 Python
python内存管理分析
2015/04/08 Python
django 实现将本地图片存入数据库,并能显示在web上的示例
2019/08/07 Python
Python 使用多属性来进行排序
2019/09/01 Python
Python partial函数原理及用法解析
2019/12/11 Python
Django-xadmin后台导入json数据及后台显示信息图标和主题更改方式
2020/03/11 Python
使用 django orm 写 exists 条件过滤实例
2020/05/20 Python
Python基础进阶之海量表情包多线程爬虫功能的实现
2020/12/17 Python
HTML5 使用 sessionStorage 进行页面传值的方法
2018/07/02 HTML / CSS
html5 Canvas画图教程(6)—canvas里画曲线之arcTo方法
2013/01/09 HTML / CSS
html5 冒号分隔符对齐的实现
2019/07/31 HTML / CSS
Shell脚本如何向终端输出信息
2014/04/25 面试题
口头翻译求职人自荐信
2013/12/07 职场文书
职工运动会邀请函
2014/02/02 职场文书
创业计划书之网吧
2019/10/10 职场文书
搭建Yolov5服务器
2022/04/30 Servers