阻止退格键导致页面跳转

最新推荐文章于 2023-09-23 21:16:12 发布

原创最新推荐文章于 2023-09-23 21:16:12 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#function #html #input #java #测试

MyEclipse 同时被 3 个专栏收录

75 篇文章

订阅专栏

JAVA技术整理

68 篇文章

订阅专栏

javascript

11 篇文章

订阅专栏

本文介绍两种方法来防止用户按下退格键时浏览器发生页面跳转行为。第一种方法利用JavaScript结合ExtJS库实现；第二种方法通过HTML与JavaScript结合实现。这两种方案可以有效避免因误操作导致的数据丢失。

阻止退格键导致页面跳转

方法一：

Js代码

new Ext.KeyMap(document, [{
key: Ext.EventObject.BACKSPACE,
fn: function (key, e) {
var t = e.target.tagName;
if (t !== "INPUT" && t !== "TEXTAREA") {
e.stopEvent();
}
}
}]);

方法二：

<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>禁止后退键</title>
    <script type="text/javascript">
        function keyDown(){
            // 禁止使用backspace键
            if(window.event.keyCode == 8){
                alert("不能使用backspace键");
                event.returnValue=false;
            }
            // 后面还可以禁止其它键，照着上面的方法写就行了
            // 比如：if(event.shiftKey&&event.keyCode == 121) // 屏蔽shift+F10
        }
    </script>
</head>

<body onkeydown="keyDown()" oncontextmenu="event.returnValue=false">
    请按退格键测试 <br>
</body>
</html>