javascript - 通过 javascript 禁用和启用箭头键

Question

我有一个场景，首先我需要禁用键盘箭头键，经过一些处理后再次启用它，为此我编写了这个 jquery 函数

function DisableArrowKeys() {
        var ar = new Array(37, 38, 39, 40);
        $(document).keydown(function(e) {
            var key = e.which;
            if ($.inArray(key, ar) > -1) {
                e.preventDefault();
                return false; 
           }
            return true;
        });
    }

此函数可以禁用箭头键，经过一些处理后我需要为此启用箭头键，我在函数中进行了如下更改

function EnableArrowKeys() {
        var ar = new Array(37, 38, 39, 40);
        $(document).keydown(function(e) {
            var key = e.which;
            if ($.inArray(key, ar) > -1) {              
                return true;
            }           
        });
    }

但是当我们调用该函数时，它不会启用箭头键。

Answer 1

您需要保留对禁用功能的引用，并在您准备好再次接受箭头键时取消绑定(bind)它。像这样的东西:

var ar = new Array(37, 38, 39, 40);
var disableArrowKeys = function(e) {
    if ($.inArray(e.keyCode, ar)>=0) {
        e.preventDefault();
    }
}

$(document).keydown(disableArrowKeys);

// then when you are ready to enable, unbind the function...
$(document).unbind('keydown', disableArrowKeys);