jquery阻止backspace返回浏览记录的方法

2016-11-07 10:42:52

jquery阻止backspace返回浏览记录的方法

在点击backspace的时候, 如果在表单里面的input textarea里面表示退格, 但是在网页的其他任意抵挡点击的时候却表示返回历史记录, 这确实有点让人头痛, 下面是jquery阻止返回历史记录的操作

 

 

$(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();
    }
});
 
//只防止input和textarea 浏览器中Backspace仍可用  
$(document).keydown(function(e) {
    var keyEvent;
    if (e.keyCode == 8) {
        var d = e.srcElement || e.target;
        if (d.tagName.toUpperCase() == 'INPUT' || d.tagName.toUpperCase() == 'TEXTAREA') {
            keyEvent = d.readOnly || d.disabled;
        }
    } else {
        keyEvent = false;
    }
    if (keyEvent) {
        e.preventDefault();
    }
});

关于

联系方式 :

mail: hey_cool@163.com ,
QQ:583459700

备案许可证编号:蜀ICP备16005545号-1 © COPYRIGHT 2015-2024 zhmzjl.com | by: KAPO