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的使ListNav兼容中文首字拼音排序的实现代码
Jul 10 Javascript
js中settimeout方法加参数
Feb 28 Javascript
JS控制输入框内字符串长度
May 21 Javascript
删除javascript所创建子节点的方法
May 21 Javascript
JavaScript用select实现日期控件
Jul 17 Javascript
微信小程序 animation API详解及实例代码
Oct 08 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
Nov 09 Javascript
浅谈js函数的多种定义方法与区别
Nov 29 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
Jun 16 Javascript
使用puppeteer破解极验的滑动验证码
Feb 24 Javascript
说说如何使用Vuex进行状态管理(小结)
Apr 14 Javascript
layer 刷新某个页面的实现方法
Sep 05 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宇宙的又一超级大烂片
2020/04/09 欧美动漫
PHP 函数语法介绍一
2009/06/14 PHP
利用ThinkPHP内置的ThinkAjax实现异步传输技术的实现方法
2011/12/19 PHP
php中的ini配置原理详解
2014/10/14 PHP
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
PHP常用正则表达式精选(推荐)
2019/05/28 PHP
laravel 解决groupBy时出现的错误 isn't in Group By问题
2019/10/17 PHP
JavaScript 替换Html标签实现代码
2009/10/14 Javascript
javascript 事件处理、鼠标拖动效果实现方法详解
2012/05/11 Javascript
使用nodejs开发cli项目实例
2015/06/03 NodeJs
javascript常用的方法分享
2015/07/01 Javascript
实例详解Nodejs 保存 payload 发送过来的文件
2016/01/14 NodeJs
JS实现获取剪贴板内容的方法
2016/06/21 Javascript
Vue.js 点击按钮显示/隐藏内容的实例代码
2018/02/08 Javascript
使用Vue.js和Element-UI做一个简单登录页面的实例
2018/02/23 Javascript
详解JavaScript作用域和作用域链
2019/03/19 Javascript
js图片无缝滚动插件使用详解
2020/05/26 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
2019/08/21 Javascript
vue中根据时间戳判断对应的时间(今天 昨天 前天)
2019/12/20 Javascript
ES6字符串的扩展实例
2020/12/21 Javascript
vue中activated的用法
2021/01/03 Vue.js
node.js 基于 STMP 协议和 EWS 协议发送邮件
2021/02/14 Javascript
Python计时相关操作详解【time,datetime】
2017/05/26 Python
Python之re操作方法(详解)
2017/06/14 Python
Anaconda入门使用总结
2018/04/05 Python
python计算两个数的百分比方法
2018/06/29 Python
python实现排序算法解析
2018/09/08 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
Python datetime模块的使用示例
2021/02/02 Python
多重CSS背景动画实现方法示例
2014/04/04 HTML / CSS
Belle Maison倍美丛官网:日本千趣会旗下邮购网站
2016/07/22 全球购物
培训讲师岗位职责
2014/04/13 职场文书
实习计划书范文
2015/01/16 职场文书
护士自荐信怎么写
2015/03/06 职场文书
承诺书范本大全
2015/05/04 职场文书
Spring实现内置监听器
2021/07/09 Java/Android