javascript - HTML Canvas 文本输入和退格键

Question

我有一个 Canvas 元素，我想通过允许用户输入文本并将其删除来进行交互。添加文本按预期工作，但是使用退格键删除会触发浏览器的后退操作。

如何停止此操作？

干杯， 答:

Answer 1

使用keydown事件。将处理程序添加到文档中(不好，因为它会禁用页面其余部分上的预期浏览器行为，而不仅仅是 <canvas> 元素)或提供您的 <canvas>元素 tabindex 并添加 keypress处理程序(更好)。

function preventBackspaceHandler(evt) {
    evt = evt || window.event;
    if (evt.keyCode == 8) {
        return false;
    }
}

document.onkeydown = preventBackspaceHandler;