如何消除网页退回键

最新推荐文章于 2019-10-08 16:52:33 发布

Muscle_Mliu

最新推荐文章于 2019-10-08 16:52:33 发布

阅读量905

点赞数

分类专栏： JS中实用的小方法

本文链接：https://blog.csdn.net/liuzijiang1123/article/details/52601595

版权

JS中实用的小方法专栏收录该内容

16 篇文章 0 订阅

订阅专栏

键盘上的backspace键（删除键），当焦点在文本框的时候会正常删除，但是当焦点不在文本框的时候就会实现回退的效果，有时候我们希望禁止这个效果，下面就是如何来实现，是在网上找到的，可参考一下。http://stackoverflow.com/questions/1495219/how-can-i-prevent-the-backspace-key-from-navigating-back

// Prevent the backspace key from navigating back.
$(document).unbind('keydown').bind('keydown', function (event) {
    var doPrevent = false;
    if (event.keyCode === 8) {
        var d = event.srcElement || event.target;
        if ((d.tagName.toUpperCase() === 'INPUT' && 
             (
                 d.type.toUpperCase() === 'TEXT' ||
                 d.type.toUpperCase() === 'PASSWORD' || 
                 d.type.toUpperCase() === 'FILE' || 
                 d.type.toUpperCase() === 'SEARCH' || 
                 d.type.toUpperCase() === 'EMAIL' || 
                 d.type.toUpperCase() === 'NUMBER' || 
                 d.type.toUpperCase() === 'DATE' )
             ) || 
             d.tagName.toUpperCase() === 'TEXTAREA') {
            doPrevent = d.readOnly || d.disabled;
        }
        else {
            doPrevent = true;
        }
    }

    if (doPrevent) {
        event.preventDefault();
    }
});