按退格键时禁用向后导航，允许在字段中退格

Question

我该如何修改：

<script type="text/javascript">
    document.onkeydown = function(event) {
        if (event.keyCode === 8) {
            event.preventDefault();
        }
    };
</script>

允许用户在页面上的表单字段中退格，但防止他们错误地向后导航？

Answer 1

测试current.target以查看它是否是输入：

document.onkeydown = function(event) {
    var key = event.keyCode || event.which,
        nodeName = event.target.nodeName.toLowerCase();

    if (key === 8 && nodeName !== 'input') {
        alert('that\'s a nono');
        event.preventDefault();
    }
};

还要注意event.which以支持旧浏览器。 但这当然完全取决于您。

演示

Answer 2

您还可以根据您的要求添加其他输入字段，如“textarea”、“div”等。

 document.onkeydown = function(event) { nodeName = event.target.nodeName.toLowerCase(); if ( (event.keyCode === 8 || event.which=== 8 ) && nodeName !== 'input') { event.preventDefault(); } };