Javascript 输入更改

Question

是否可以更改键盘的输入值？

例如:

您按键盘上的 a 键，但将在输入元素中键入 b，而不是 a。

您输入 abc，但输入元素中将为 def。

我 try catch keydown 事件，然后使用 CustomEvent/Event 触发 keydown 事件，但是这对我不起作用。事件捕获很好，但是当我使用新的 charCode 或 keyCode 创建其他 keydown 事件时，将不会键入"new"字符进入输入。

那么，是否可以在不使用 value 属性或处理或修改输入的整个内容的任何其他方法的情况下将某些内容写入输入元素中插入符号的位置。因此，只需插入或粘贴一个字母即可。

JS

function keydown(e) {
    e.preventDefault();

    var event = new Event('keydown');
    event.charCode = 65;
    element.dispatchEvent(event);
}

HTML

<input type="text" onkeydown="keydown(event)">

也许，这是不可能的，但到目前为止我没有任何其他想法......

Answer 1

我找到了另一种方法来做到这一点 document.execCommand() :

document.querySelector("input")
.addEventListener("keypress", function (event) {
  event.preventDefault();
  document.execCommand('insertText', false, 'b');
})

<input>