HTML 画布文本输入和退格

【问题标题】：HTML canvas text entry and backspaceHTML 画布文本输入和退格
【发布时间】：2010-11-25 00:27:42
【问题描述】：

我有一个画布元素，我想通过允许用户输入和删除文本来实现交互。添加文本按预期工作，但使用退格键删除会触发浏览器的后退操作。

如何停止此操作？

干杯， A.

【问题讨论】：

有谁知道这个疯狂的退格=后退按钮的想法最初来自哪里？

【解决方案1】：

使用keydown 事件。将处理程序添加到文档中（不好，因为它会禁用页面其余部分的预期浏览器行为，而不仅仅是 <canvas> 元素），或者给你的 <canvas> 元素一个 tabindex 并添加 keypress 处理程序到它（更好）。

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

document.onkeydown = preventBackspaceHandler;

【讨论】：

我认为，在使用 Google Chrome 时，您无法阻止点击后退按钮，IMO。
我刚刚在 Chrome 中测试了它，它似乎工作正常（退格没有让浏览器返回上一页）。