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 相关文章推荐
ArrayList类(增强版)
Apr 04 Javascript
取键盘键位ASCII码的网页
Jul 30 Javascript
JavaScript CSS修改学习第二章 样式
Feb 19 Javascript
jQuery 设置 CSS 属性示例介绍
Jan 16 Javascript
jQuery实现左右切换焦点图
Apr 03 Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
Jun 20 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
Jul 24 Javascript
jQuery实现仿京东防抖动菜单效果示例
Jul 06 jQuery
jQuery滑动效果实现方法分析
Sep 05 jQuery
在js代码拼接dom对象到页面上的模板总结
Oct 21 Javascript
React Component存在的几种形式详解
Nov 06 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
Oct 29 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
DC游戏Steam周三特惠 《蝙蝠侠》阿卡姆系列平史低
2020/04/09 欧美动漫
中国第一家无线电行
2021/03/01 无线电
PHP脚本中include文件出错解决方法
2008/11/20 PHP
详解PHP的Yii框架中自带的前端资源包的使用
2016/03/31 PHP
微信支付开发发货通知实例
2016/07/12 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
JavaScript replace(rgExp,fn)正则替换的用法
2010/03/04 Javascript
jQuery下通过$.browser来判断浏览器.
2011/04/05 Javascript
精通Javascript系列之Javascript基础篇
2011/06/07 Javascript
js中call与apply的用法小结
2013/12/28 Javascript
jquery控制display属性为none或block
2014/03/31 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
javascript 构造函数方式定义对象
2015/01/02 Javascript
详解Weex基于Vue2.0开发模板搭建
2017/03/20 Javascript
详解vue.js的事件处理器v-on:click
2017/06/27 Javascript
解决AjaxFileupload 上传时会出现连接重置的问题
2017/07/07 Javascript
详解Vue-Cli 异步加载数据的一些注意点
2017/08/12 Javascript
js定义类的方法示例【ES5与ES6】
2019/07/30 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
2020/08/14 Javascript
[01:01:22]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
跟老齐学Python之编写类之四再论继承
2014/10/11 Python
python网络编程之数据传输UDP实例分析
2015/05/20 Python
Python字典数据对象拆分的简单实现方法
2017/12/05 Python
Python识别快递条形码及Tesseract-OCR使用详解
2019/07/15 Python
Python 调用 Outlook 发送邮件过程解析
2019/08/08 Python
Python使用shutil模块实现文件拷贝
2020/07/31 Python
Python实现树莓派摄像头持续录像并传送到主机的步骤
2020/11/30 Python
HTML5本地存储之IndexedDB
2017/06/16 HTML / CSS
销售顾问的岗位职责
2013/11/13 职场文书
企业消防安全制度
2014/02/02 职场文书
缅怀先烈演讲稿
2014/09/03 职场文书
办理房产过户的委托书
2014/09/14 职场文书
2014年行政工作总结
2014/11/19 职场文书
2014年小学英语教师工作总
2014/12/03 职场文书
体育个人工作总结
2015/02/09 职场文书
【js设计模式】SOLID五大设计原则
2022/03/24 Javascript