JQuery防止退格键网页后退

最新推荐文章于 2023-08-03 17:37:53 发布

转载最新推荐文章于 2023-08-03 17:37:53 发布 · 1.9k 阅读

jquery-easyui 专栏收录该内容

27 篇文章

订阅专栏

本文介绍了一段JavaScript代码片段，用于在IE9和Firefox10.0.2中防止用户通过退键操作返回上一页。代码通过事件监听和条件判断实现了这一功能，为Web开发者提供了有用的参考。

有时我们需要防止退格键的网页后退，一般情况下最好不要这么用，因为对UX体验不好。下面是Js片段在IE9，Firebox 10.0.2 中测试过 :

$(document).keydown(function (e) {
    var doPrevent;
    if (e.keyCode == 8) {
        var d = e.srcElement || e.target;
        if (d.tagName.toUpperCase() == 'INPUT' || d.tagName.toUpperCase() == 'TEXTAREA') {
            doPrevent = d.readOnly || d.disabled;
        }
        else
            doPrevent = true;
    }
    else
        doPrevent = false;

    if (doPrevent)
        e.preventDefault();
});

关于如何确定Backspace键的代码可以通过这里.

        希望对您Web开发有帮助。

        您可能感兴趣的文章：

        使用Jquery,CSS3实现像GooglePlus那样的圆圈效果

作者：Petter Liu
出处：http://www.cnblogs.com/wintersun/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
该文章也同时发布在我的独立博客中-Petter Liu Blog。