js禁用"Backspace"键(即禁止网页倒退)

项目遇到的一个问题
一个普通网页,如果这个网页上没有焦点的话,那么点击"Backspace"键的时候,网页会回退(倒退到上一个网页),
这样就会就有一个问题,当我在一个输入框进行输入的时候,输入了一些字符之后,开始点击"Backspace"键删除,
当文本框中的字符被删除完之后,再按"Backspace"键就会倒退到上一页,可我并不想回到上一页。那么这样用户
体验就非常不好,用户还要从上一页重新进入。
原因:当网页上没有焦点的时候,点击"Backspace"键网页就会回退(这是浏览器的一个特性)。当我们在删除
输入框的字符的时候,删除完毕之后,再点击"Backspace"键的时候,输入框和网页都会失去焦点,那么继续点击
就会返回上一个网页。
解决方法:我们可以定义一个keyUp的键盘事件函数,其中定义当点击"Backspace"键的时候,如果输入框中的内容为空,
那么就持续的让其获取焦点,那么输入框就会一直持有焦点,那么就不会返回上一个网页了。

时间: 2024-10-14 01:08:05

js禁用"Backspace"键(即禁止网页倒退)的相关文章

JavaScript屏蔽Backspace键

当使用readonly="readonly"属性将文本框设置成只读<input type="text" readonly="readonly"/>时会出现一个问题,如果光标进入只读文本框,然后按下Backspace键,就会跳转到上一个页面,效果就像点击了浏览器的后退按钮返回前一个页面一样,使用户体验大打折扣.为了解决这个问题,可在页面添加如下处理方法,如果文本框是只读的,那么就禁用Backspace键. 代码如下: <scrip

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

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

css和js禁止网页选择文字

user-select有两个值: none:用户不能选择文本 text:用户可以选择文本 需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整 <style> body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*

在JS中控制键盘输入 &quot;delete键、backspace键、enter键&quot;(涉及JSP、JQuery)及其他键

PS:delete键:删除“光标”之后的文本:backspace键:删除“光标”之前的文本,称“退格删除键”:enter键:一是确认输入的执行命令,二是在文字处理中起换行的作用:我用的要起的作用就是:将目前的页面加载,若有值要获取,获取了之后加载页面:称“回车键”. <script type="text/javascript">var val=0; function delVal(){//[在对应的输入框加上属性: onkeydown="delVal();&quo

禁止网页右键查看源码(源文件)

众所周知,要保护一个页面,最基础的就是要屏蔽右键.而现在网页上用得最多的是function click(),即下面这段代码: 〈script〉 function click(){ if(event.button==2){ alert( '本网站欢迎您 !!'); } } document.onmousedown=click 〈/script〉 但是这种屏蔽方法的破解方法也是众所周知的.那就是连续单击鼠标左键和右键便又可以看到右键菜单了.但是,我见过一种很好的屏蔽右键的方法.它的原理和上面所说的不

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

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

JS禁用右键,禁用打印,防止另存为,IE浏览器识别(转载)

oncontextmenu="window.event.returnValue=false" style="overflow-y: hidden; overflow-x: hidden"ajs9     leftmargin="0" topmargin="0"<body oncontextmenu="return false"></body><!--禁止网页另存为: -->

页面屏蔽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)密码或单行.多行文本框除外 function banBackSpace(e) { var ev = e || window.event;//获取event对象 var obj = ev.target || ev.srcElement;//获取事件源 var t = obj.type || obj.getAttribute('type');//获取事件源类型 //获取作为判断条件的事件类型 var vReadOnly = obj.getAttrib