Как установить фокус на элемент холста HTML5?

Я использую элемент HTML5 <canvas> в Firefox 2.0.0.16 и Safari 3.1.2 на моем iMac. (Я пробовал это в Firefox 3.0 и в Windows, тоже безрезультатно.) Тег выглядит так:

<td>
   <canvas id = "display"
           width = "500px"
           height = "500px">
   </canvas>
</td>

У меня есть кнопка для «активации» некоторых функций, которые взаимодействуют с холстом. Событие onclick() этой кнопки вызывает функцию. В этой функции у меня есть следующая строка:

document.getElementById("display").focus();

Это не работает. Firebug не сообщает об ошибках. Но фокус по-прежнему остается там, где был. Я могу щелкнуть холст или вкладку в направлении холста, и фокус будет потерян для других элементов, но, очевидно, никогда не будет получен холстом (событие onfocus() холста никогда не срабатывает).

Я считаю это странным. Может быть, холст просто не может сфокусироваться, или мне что-то здесь не хватает? Любое понимание будет оценено.

Спасибо.

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
16
0
18 408
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Дайте холсту индекс вкладки:

   <canvas id = "display"
           width = "500px"
           height = "500px"
           tabindex = "1">
   </canvas>

Может ли кто-нибудь уточнить, в каких браузерах он работал, а в каких нет?

RichC 21.10.2013 23:15

Это был бы вопрос к @Angelo.

Shog9 21.10.2013 23:32

Я не уверен, был ли это Chrome для Windows или Android (примечание 10.1). Но, должно быть, это была последняя версия на тот момент ..

Angelo.Hannes 22.10.2013 23:21

Android может иметь смысл - IIRC, «фокус клавиатуры» на самом деле не существует в том же смысле, что и для настольных браузеров, @Angelo.

Shog9 22.10.2013 23:24

Другие вопросы по теме