js屏蔽退格键(backspace或者叫后退键与F5)
(编辑:jimmy 日期: 2024/11/29 浏览:3 次 )
没有绝对的屏蔽,最好是js结合服务端混合用。服务端通过判断要打开的页面的参数是否第一次打开,如果不是的话就跳转到指定页面。这里只说js方法。
我们在真实的项目开发中经常会使用JS 对键盘上的一些按键进行禁用,常见的比如说退格键(backspace/ 后退键),我在一个项目中就遇到过在页面编辑的时候禁用掉退格键,因为退格键会发生页面后退,这样编辑的内容都会失去了,非常的恶心人。ok ,废话少说,直接上代码。
比较好的代码,处理键盘事件 禁止后退键(Backspace)密码或单行、多行文本框除外
<script type="text/javascript"> //处理键盘事件 禁止后退键(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.getAttribute('readonly'); var vEnabled = obj.getAttribute('enabled'); //处理null值情况 vReadOnly = (vReadOnly == null) "password" || t=="text" || t=="textarea") && (vReadOnly==true || vEnabled!=true))"password" && t != "text" && t != "textarea") "htmlcode"><script type="text/javascript"> javascript:window.history.forward(1);//禁用回退(比如:当前在B页面,点击后退会退回到A页面,那么该代码写在A页面,然后在B页面就不会回退到A了) </script> <script type="text/javascript"> //禁止后退键 作用于Firefox、Opera document.onkeypress=banBackSpace; //禁止后退键 作用于IE、Chrome document.onkeydown=banBackSpace; //处理键盘事件 禁止后退键(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.getAttribute('readonly'); var vEnabled = obj.getAttribute('enabled'); //处理null值情况 vReadOnly = (vReadOnly == null) "password" || t=="text" || t=="textarea") && (vReadOnly==true || vEnabled!=true))"password" && t != "text" && t != "textarea") "htmlcode"><script type="text/javascript"> //屏蔽F5 document.onkeydown = function(e){ e = window.event || e; var keycode = e.keyCode || e.which; if(e.ctrlKey || e.altKey || e.shiftKey || keycode >= 112 && keycode <= 123){ if(window.event){// ie try{e.keyCode = 0;}catch(e){} e.returnValue = false; }else{// ff e.preventDefault(); } } } //屏蔽右键 document.oncontextmenu = function(e){ return false; } </script>这篇文章就介绍到这了,需要的朋友可以参考一下
下一篇:Vue动画事件详解及过渡动画实例