弹出页面时屏蔽Backspace按键的方法

最新推荐文章于 2019-12-20 11:07:43 发布

最新推荐文章于 2019-12-20 11:07:43 发布 · 223 阅读

文章标签：

#IE

web前端专栏收录该内容

73 篇文章

订阅专栏

本文介绍了一种使用JS方法屏蔽底层页面后退按钮的方法，避免在使用弹出页时出现的问题，如删除确认提示等场景下的后退现象。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用弹出页时，用户按下backspace按钮，底层页面会发生后退现象，若是进行删除确认提示等类似情况时，会产生问题，使用下面的JS方法屏蔽底层页面的后退按钮：

function cancleBackSpace(){

//window.event在FF下是不被识别的，特别要做此处理，这种方式是比较简单的
var theEvent = window.event || arguments.callee.caller.arguments[0];

if(theEvent.keyCode==8){ // 按下Backspace键获得的keyCode为8
if(window.event)
{ event.returnValue=false;// IE下的情况处理
 return false;
}
else
{ arguments.callee.caller.arguments[0].preventDefault();//FF下的情况处理 }
}
}

事件的触发：在主页面的<body>上加：<body onkeydown="cancleBackSpace()"> ;
OK，大功告成！