javascript - 特定键盘事件

Question

我正在使用 Vue，我在 div 中有 Quill 编辑器(这就是我使用已弃用的 DOMSubtreeModified 的原因)，我想触发一个事件以将 API 请求发送到将编辑器的内容保存到数据库中。

现在，下面是我所拥有的，但是当我删除一个字符时它没有注册退格键。当有人在编辑器中移动时，我也不想识别箭头键。

处理此问题的最佳方法是什么？

<div
  @DOMSubtreeModified="saveFunction($event)">
</div>

Answer 1

这可以使用简单的 JavaScript 完成:

var myElem = document.querySelector('#myElem');
myElem.addEventListener('keydown', (event) => {
    if (event.key === "Backspace") {
        //Do Something
    }
    else {
        //Do Something (Or Not)
    } 
});

甚至 jQuery:

$('#myElem').on('keydown', (event) => {
    if (event.key === "Backspace") {
        //Do Something
    }
});

myElem 甚至不必是文本框，它可以是 <div>没有 contenteditable特性!event.key是比 event.keyCode 更新的标准或 event.which .也就是说，根据 Mozilla 文档。

希望对您有所帮助...

编辑:此链接仍在开发中，但它显示了如何注册箭头键甚至 Shift: https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/key#Example