javascript - HTML 和 Javascript - 如何模拟禁用输入(隐藏插入符)？

Question

我需要的是一个可以触发事件的禁用输入。 但由于 Firefox 不支持这一点，我想以某种方式模拟它。

这基本上意味着，禁止编辑并隐藏插入符号。我不在乎外表。

我见过这样的 CSS:user-select: none; 但这不是我想要的 - 1) 用户仍然可以编辑 2) 我希望它可以选择。

我不想要用 a 覆盖真正禁用的输入并捕获它的事件的方法 - 它不太可移植。

相关:Event on a disabled input

Answer 1

您基本上可以取消输入上的每个按键事件。然而，这仍然会显示尖刺:

<input type="text" id="disabled_input" />

jQuery:

$('disabled_input').keydown(function (event) {
    event.preventDefault();
    event.stopPropagation();
    // or simply return false;
});

Javascript:

document.getElementById('disabled_input').onkeydown = function (event) {
    event.preventDefault();
    event.stopPropagation();
    // or simply return false;
};