屏蔽键盘上的后退键，让页面不后退

最新推荐文章于 2022-04-28 10:58:43 发布

ColonelChow

最新推荐文章于 2022-04-28 10:58:43 发布

阅读量501

点赞数

分类专栏： js 文章标签： null firefox function ie

本文链接：https://blog.csdn.net/zhoutaoinfo/article/details/7990283

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<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) ? false : vReadOnly;
    	vEnabled = (vEnabled == null) ? true : vEnabled;
    
    	//当敲Backspace键时，事件源类型为密码或单行、多行文本的，
    	//并且readonly属性为true或enabled属性为false的，则退格键失效
    	var flag1=(ev.keyCode == 8 && (t=="password" || t=="text" || t=="textarea") 
                && (vReadOnly==true || vEnabled!=true))?true:false;
   
    	//当敲Backspace键时，事件源类型非密码或单行、多行文本的，则退格键失效
    	var flag2=(ev.keyCode == 8 && t != "password" && t != "text" && t != "textarea")
                ?true:false;        
    
    	//判断
    	if(flag2){
       	 return false;
    	}
    	if(flag1){   
       	 return false;   
    	}   
	}

	//禁止后退键 作用于Firefox、Opera
	document.οnkeypress=banBackSpace;
	//禁止后退键  作用于IE、Chrome
	document.οnkeydοwn=banBackSpace;
</script>