【JS】【1】JavaScript屏蔽Backspace键（避免点击后页面产生回退）

前言: 1,参考资料:JavaScript屏蔽Backspace键 - 孤傲苍狼 - 博客园(http://www.cnblogs.com/xdp-gacl/p/3785806.html) 2,参考的博客碰到的问题是: 在IE浏览器下,如果光标进入只读文本框,然后按下Backspace键,就会跳转到上一个页面,效果就像点击了浏览器的后退按钮返回前一个页面一样,而在火狐和google下没有这样的问题出现而我碰到的问题是在微信PC端,碰到了同样的问题处理方法:如果文本框是只读的,那么就禁用Bac…

JavaScript屏蔽Backspace键

原文:http://www.cnblogs.com/xdp-gacl/p/3785806.html 今天在IE浏览器下发现,当把使用readonly="readonly"属性将文本框设置成只读<input type="text" readonly="readonly"/>时有一个奇怪的问题:如果光标进入只读文本框,然后按下Backspace键,就会跳转到上一个页面,效果就像点击了浏览器的后退按钮返回前一个页面一样,而在火狐和googl…

JavaScript学习总结(二十二)——JavaScript屏蔽Backspace键

今天在IE浏览器下发现,当把使用readonly="readonly"属性将文本框设置成只读<input type="text" readonly="readonly"/>时有一个奇怪的问题:如果光标进入只读文本框,然后按下Backspace键,就会跳转到上一个页面,效果就像点击了浏览器的后退按钮返回前一个页面一样,而在火狐和google下没有这样的问题出现,为了解决这个问题,写了一个如下的处理方法,如果文本框是只读的,那么就禁用Ba…

Javascript屏蔽Backspace回退页面

允许对输入框密码框等控件删除字符,但是不允许页面进行回退 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script> window.onload = function (e) { //禁止后退键作用于Firefox…

页面屏蔽backspace键

1 //页面加载完成 2 $(document).ready(function(){ 3 //禁止退格键作用于Firefox.Opera 4 document.onkeypress = banBackSpace; 5 //禁止退格键作用于IE.Chrome 6 document.onkeydown = banBackSpace; 7 }); 8 //处理键盘事件禁止后退键(Backspace)密码或单行.多行文本框除外 9 function banBackSpace(e){ 10 //al…

js禁止Backspace键使浏览器后退

在项目中遇到按下Backspace键让浏览器后退的问题,上网搜了几种解决方案都不太理想.于是集众人之智,采众家之长,归纳如下: 这里主要参考博客http://q821424508.iteye.com/blog/1587025 1.在公用js中定义阻止Backspace的方法 function banBackSpace(e){ var ev = e || window.event; //各种浏览器下获取事件对象 var obj = ev.relatedTarget || ev.srcElement…

JavaScript 屏蔽退格键

document.onkeydown = function(){//屏蔽Backspace键 if (event.keyCode==8){ event.keyCode=0; event.returnValue=false; } }…

前端魔法堂：屏蔽Backspace导致页面回退

前言前几天用户反映在录入资料时一不小心错按Backspace键,就会直接回退到是一个页面,导致之前辛辛苦苦录入的资料全部丢失了.哦?居然还有这种情况.下面我们来一起探讨一下吧! Windows系统下独有的行为 Windows下的IE.FireFox和Chrome 52之前的浏览器,当焦点不在一个可编辑的元素上时,按Backspace键就会回退到上一个页面,按Shift+Backspace键则会前进到下一个页面. 而Chrome 52以后的浏览器则屏蔽了Backspace和Shift+Ba…

阻止按下backspace键造成页面回退相像

在IE浏览器中,会出现当你使用鼠标选中input标签或者是textarea标签,或者啥也没选中的时候,按下backspace键会触发浏览器的回退. 针对以上问题的解决思路: 1. 当按下键盘时,判断当前按键是否为backspace 2. 如果是,获取当前光标选中的元素. 3. 如果不是input或者textarea,取消backspace的关联行为 4. 如果是,则判断是否为text,password等可编辑的文本框,如果不是,则取消默认行为(此处只需要判断inp…

【转】【JavaScript】禁用backspace键的后退功能，但是可以删除文本内容

在JavaScript中添加以下代码,就可实现禁用backspace键的后退功能,但是可以删除文本内容 // 禁用backspace键的后退功能,但是可以删除文本内容 document.onkeydown = check; function check(e) { var code; if (!e) var e = window.event; if (e.keyCode) code = e.keyCode; else if (e.which) code = e.which; if (((even…

js禁用"Backspace"键（即禁止网页倒退）

项目遇到的一个问题一个普通网页,如果这个网页上没有焦点的话,那么点击"Backspace"键的时候,网页会回退(倒退到上一个网页),这样就会就有一个问题,当我在一个输入框进行输入的时候,输入了一些字符之后,开始点击"Backspace"键删除,当文本框中的字符被删除完之后,再按"Backspace"键就会倒退到上一页,可我并不想回到上一页.那么这样用户体验就非常不好,用户还要从上一页重新进入.原因:当网页上没有焦点的时候,点击"Back…

JS禁用浏览器退格键

我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用,常见的比如说退格键(backspace/ 后退键),我在一个项目中就遇到过在页面编辑的时候禁用掉退格键,因为退格键会发生页面后退,代码. <script type="text/javascript"> //处理键盘事件禁止后退键(Backspace)密码或单行.多行文本框除外 function forbidBackSpace(e) { var ev = e || window.event; //获取even…

（转）ASP.NET禁用刷新重复提交Backspace键

在网页制作中,由于Backspace键可以回退到上一个网页,利用了缓存的数据,从而导致一些错误发生.浏览器的后退按钮使得我们能够方便地返回以前访问过的页面,它无疑非常有用.但有时候我们不得不关闭这个功能,以防止用户打乱预定的页面访问次序.本文介绍网络上可找到的各种禁用浏览器后退按钮方案,分析它们各自的优缺点和适用场合. 一.概述曾经有许多人问起,“怎样才能‘禁用’浏览器的后退按钮?”,或者“怎样才能防止用户点击后退按钮返回以前浏览过的页面?”在ASP论坛上,这个问题也是问得最多的问题之一.遗…

js中的屏蔽

js屏蔽效果 /** 屏蔽F1帮助 */ window.onhelp = function(){return false;} /** *屏蔽 F5.Ctrl+N.Shift+F10.Alt+F4 *如果想要屏蔽其他键,则找到对应的 keyCode 再依照此方法即可 */ document.onkeydown = function(event){ event = window.event || event; if(event.keyCode==116 ||…

JS禁用浏览器退格键、禁止右键、禁止全选、复制、粘贴

一.禁用浏览器退格键摘抄自:https://www.cnblogs.com/wanggd/p/3164536.html 我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用,常见的比如说退格键(backspace/ 后退键),我在一个项目中就遇到过在页面编辑的时候禁用掉退格键,因为退格键会发生页面后退,这样编辑的内容都会失去了,非常的恶心人.ok ,废话少说,直接上代码. <script type="text/javascript"> //处理键盘事件禁止后…

了不起的Node.js: 将JavaScript进行到底（Web开发首选，实时，跨多服务器，高并发）

了不起的Node.js: 将JavaScript进行到底(Web开发首选,实时,跨多服务器,高并发) Guillermo Rauch 编赵静译 ISBN 978-7-121-21769-2 2014年1月出版定价:79.00元 320页 16开编辑推荐 Node.js是一个由JavaScript书写而成的强大的web开发框架,它让开发强壮的.伸缩性良好的服务端web应用变得更加简单,容易.本书向你展示了什么是Node以及如何让你在项目中使用它.本书包含大量实际应用中的示例程序,证明了…

禁用backspace键的后退功能

禁用backspace键的后退功能,但是可以删除文本内容<script language="JavaScript">document.onkeydown = check;function check(e) { var code; if (!e) var e = window.event; if (e.keyCode) code = e.keyCode; else if (e.which) code = e.which;if (((event.keyC…

javascript屏蔽浏览器右键功能按钮

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

新手怎么学JS？JavaScript基础入门

新手应该怎么学习JS?JavaScript入门 - 01 准备工作在正式的学习JavaScript之前,我们先来学习一些小工具,帮助我们更好的学习和理解后面的内容. js代码位置首先是如何编写JavaScript代码,说到这,我们首先要来说明一个需要新人们关注的点,因为我们的js是一门跨平台的语言,所以说,我们的代码可以运行在不同的平台之上.这也就导致了可能相同的代码放在不同的平台运行就会有所出入. 这里面说的平台其实被称之为宿主环境. 同时,代码在不同的平台上的运行方式也有所不同. 如果运…

重学js之JavaScript 面向对象的程序设计（创建对象）

注意: 本文章为 <重学js之JavaScript高级程序设计>系列第五章[JavaScript引用类型]. 关于<重学js之JavaScript高级程序设计>是重新回顾js基础的学习. 1. 什么是面向对象面向对象的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象.但是,再前面提到过.ES中没有类的概念,因此它的对象也与基于类的语言中的对象有所不同. 对象的定义:'无序属性的集合,其属性可以包含基本值.对象或者函数.' 严格来讲,这就相当…

在IE下，如果在readonly的input里面键入backspace键，会触发history.back()

在IE下,如果在readonly的input里面键入backspace键,会触发history.back(), 用以下jQuery代码修正之 $("input[readOnly]").keydown(function(e) { e.preventDefault(); });…

[JS]jQuery,javascript获得网页的高度和宽度

[JS]jQuery,javascript获得网页的高度和宽度网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.client…

Rainyday.js – 使用 JavaScript 实现雨滴效果

Rainyday.js 背后的想法是创建一个 JavaScript 库,利用 HTML5 Canvas 渲染一个雨滴落在玻璃表面的动画.Rainyday.js 有功能可扩展的 API,例如碰撞检测和易于扩展自己的不同的动画组件的实现.它是一个使用 HTML5 特性纯 JavaScript 库,支持大部分现代浏览器. 在线演示源码下载您可能感兴趣的相关文章网站开发中很有用的 jQuery 效果[附源码] 分享35个让人惊讶的 CSS3 动画效果演示十分惊艳的8个 HTML5 &…

JS Nice – JavaScript 代码美化和格式化工具

JS Nice 是一款让经过混淆处理的 JavaScript 代码可读更好的工具.它使用一种新型的用于 JavaScript 代码美化的去混淆和去压缩引擎.JSNice 采用先进的机器学习和程序分析技术,从可用的开源项目学习命名和类型规律. 您可能感兴趣的相关文章太赞了!超炫的页面切换动画效果[附源码下载] 创意无限!一组网页边栏过渡动画[附源码下载] 好东西!动感的页面加载动画效果[附源码下载] 使用 CSS3 实现3D图片滑块效果[附源码下载] 时尚设计!三种奇特网格加载效果[附源码下载]…

Android系统onKeyDown监控/拦截/监听/屏蔽返回键、菜单键和Home键

在Android系统中用来显示界面的组件(Component)为Activity,也就是说只有重写Activity的onKeyDown方法来监控/拦截/屏蔽系统的返回键(back).菜单键(Menu)及Home键. 1.拦截/屏蔽返回键.菜单键实现代码 @Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) { if(keyCode == KeyEvent.KEYCODE_BACK) { //监控/拦截/屏蔽返回键 …

MFC非模态对话框中屏蔽ESC键

个人的编程经验认为:对于非模态对话框,按下ESC键和点击红叉都会响应OnCancel()函数,而不会去响应OnClose()函数. 我们都知道,如果想屏蔽Enter键,只须重写OnOK()函数即可(重写成空函数即可).但是屏蔽ESC键却不能这样做,原因很明确:这样也会屏蔽红叉的.下面提供一种屏蔽ESC键的方法,个人认为比较有用: 即重写PreTranslateMessage()函数: BOOL CToolDlg::PreTranslateMessage(MSG* pMsg) { // TODO…

Andorid4.x 流氓式屏蔽HOME键

转载请列明出处 http://blog.csdn.net/steelychen/article/details/37757341 应用项目须要要屏蔽HOME键. 项目本身的要求是让按下HOME键后程序不做不论什么响应,就像按下返回键一样在onBackPressed 方法中直接return啥都不做. 紧跟着去google,百度翻了个遍也没有找到解决办法.最坑爹的是一些无良的网友在没有自己亲自測试的情况下转发很多不靠谱的解决方案.浪费了大家好多时间.并且自己刚接触Android两三个月也不太了解不同…

怎么屏蔽F5键刷新功能

window.document.onkeydown=function(){if(event.keyCode==116){//屏蔽F5键,改为只刷新本页面,防止一刷就刷整个窗口event.keyCode=0;event.returnValue=false;window.location.reload(true);event.cancelBubble=true;return false;}}…

关于JavaScript对象的键和值

一个JavaScript对象由键和值组成. 当一个给定键的值被设置为一个字符串.布尔值.数字.数组或对象时,我们把这个键称为属性. 当把键设置为函数时,我们把它叫做方法.…

Android开发_关于如何屏蔽Home键

今天在遇到一个要屏蔽Home键的问题,研究一上午终于解决,方法记录于下: 在Android2.3版本以下重写以下方法就能屏蔽Home键: public void onAttachedToWindow() { this.getWindow().setType(WindowManager.LayoutParams.TYPE_KEYGUARD); super.onAttachedToWindow(); } 在Android4.0以上版本用onAttachedToWindow()方法会报错,需要利用以下…

【【JS】【1】JavaScript屏蔽Backspace键（避免点击后页面产生回退）】的更多相关文章