Javascript 如果按空格键，则禁用输入

我正在尝试创建一个表单，该表单使用的命令仅在按下空格键时有效，尤其是在输入文本时有效。
我想，一个特定的输入将被禁用，如果用户按下空间按钮内的输入。例如，如果用户在

First Name

input中按空格键，则输入将被禁用

这就是我迄今为止所尝试的：

window.addEventListener("keypress", checkKeyPressed, false);

function checkKeyPressed(e) {
    if (e.charCode == "32") {
        $("input#fn").prop('disabled', true);
    }
}

但是，如果用户在页面中的任何位置按空格，则该功能将起作用。我的意思是，如果他不在输入区并按下空格键，FN输入将被禁用

我试图创建一个

input#fn

变量，但我不知道如何将其用作函数中的参数。

---

提前感谢。

仅将事件处理程序分配给输入，而不是窗口：

document.getElementById('fn').addEventListener("keypress", checkKeyPressed, false);

或jQuery：

$('#fn').keypress(checkKeyPressed);

您可能希望在函数中使用

此

，而不是重新选择输入：

function checkKeyPressed(e) {
    if (e.charCode == "32") {
        $(this).prop('disabled', true);
        // or plain JS: this.disabled = true;
    }
}

---

仅将事件处理程序分配给输入，而不是窗口：

document.getElementById('fn').addEventListener("keypress", checkKeyPressed, false);

或jQuery：

$('#fn').keypress(checkKeyPressed);

您可能希望在函数中使用

此

，而不是重新选择输入：

function checkKeyPressed(e) {
    if (e.charCode == "32") {
        $(this).prop('disabled', true);
        // or plain JS: this.disabled = true;
    }
}

---

仅将事件处理程序分配给输入，而不是窗口：

document.getElementById('fn').addEventListener("keypress", checkKeyPressed, false);

或jQuery：

$('#fn').keypress(checkKeyPressed);

您可能希望在函数中使用

此

，而不是重新选择输入：

function checkKeyPressed(e) {
    if (e.charCode == "32") {
        $(this).prop('disabled', true);
        // or plain JS: this.disabled = true;
    }
}

---

仅将事件处理程序分配给输入，而不是窗口：

document.getElementById('fn').addEventListener("keypress", checkKeyPressed, false);

或jQuery：

$('#fn').keypress(checkKeyPressed);

您可能希望在函数中使用

此

，而不是重新选择输入：

function checkKeyPressed(e) {
    if (e.charCode == "32") {
        $(this).prop('disabled', true);
        // or plain JS: this.disabled = true;
    }
}

---

您可以尝试以下方法（如果使用jQuery）：

---

您可以尝试以下方法（如果使用jQuery）：

---

您可以尝试以下方法（如果使用jQuery）：

---

您可以尝试以下方法（如果使用jQuery）：