HTML холст и ввод текста

Question

У меня есть элемент canvas, который я хочу сделать интерактивным, позволяя пользователям вводить текст и удалять его. Добавление текста работает, как и ожидалось, однако удаление с помощью клавиши Backspace вызывает обратную реакцию браузера.

Как я могу остановить это действие?

Ура, A.

Answer 1

Используйте событие keydown.Добавьте обработчик либо в документ (плохо, потому что он отключает ожидаемое поведение браузера на остальной части страницы, а не только в элементе <canvas>), либо присвойте элементу <canvas> tabindex и добавьте к нему обработчик keypress (лучше).

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

document.onkeydown = preventBackspaceHandler;