使用 jQuery 在多个浏览器上停止退格键

Question

我试图阻止浏览器处理退格 keydown 事件，我正在使用 jQuery 库，所以我需要获取原始事件，但在某些浏览器上（至少是 Firefox）我得到尝试设置原始事件 keyCode = 0 时出现错误，它给出错误消息，指出该属性仅存在 getter。

function blockBackspace(event) {
    var altKey = event.originalEvent.altKey;
    var srcElementType = event.originalEvent.srcElement;
    if( (altKey) || ((event.keyCode == 8)  && (srcElementType != "text" && srcElementType != "textarea" && srcElementType != "password"))
        || ((event.ctrlKey) && ((event.keyCode == 78) || (event.keyCode == 82)) ) || (event.keyCode == 116) )
        {
        event.keyCode = 0;
        event.returnValue = false;
        event.originalEvent.keyCode = 0;
        event.originalEvent.returnValue = false;
        //sets process backspaceFlag to keep multiple handlers from removing text
        processBackspace = true;
    }
}

所以我不太确定下一步该做什么，我找到的每个解决方案都会产生更多问题。必须有解决这个问题的方法，否则其他文本区域（这就是我正在构建的）将无法工作。

Answer 1

你无法阻止事件的发生。一种替代方法是使用 beforeunload 专有事件，询问用户是否确实想要退出页面。

$(window).bind('beforeunload', function() {
    return "You want to leave the best page in the universe?";
});​