我正在使用 Vue,我在 div 中有 Quill 编辑器(这就是我使用已弃用的 DOMSubtreeModified
的原因),我想触发一个事件以将 API 请求发送到将编辑器的内容保存到数据库中。
现在,下面是我所拥有的,但是当我删除一个字符时它没有注册退格键。当有人在编辑器中移动时,我也不想识别箭头键。
处理此问题的最佳方法是什么?
<div
@DOMSubtreeModified="saveFunction($event)">
</div>
最佳答案
这可以使用简单的 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
关于javascript - 特定键盘事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51529571/