Задача очень специфичная, возникает только если вы разрабатываете web приложение для КПК.
Мне её предложил мой друг. Он реализовывал сбор информации о остатках на складе с помощью сканеров. Т.е. специальные аппараты под управлением Windows Mobile со считыванием штих кода, связанные по WiFi с сервером где храниться номенклатура товара. Реализовано было как web приложение, тонкий, да не очень клиент — Opera. Одна из задач — экономить время рабочих на работу с интерфейсом и минимизировать или совсем убрать повторяющиеся рутинные операции. Под задача — автоматический перевод фокуса на input'ы.
Выяснилось, что Opera метод focus для input работает не так как ожидалось — при вызове этого метода для input KEY_DOWN этим элементом не ловиться.
Решение оказалось простым и найдено скорее случайно. Выяснилось что focus корректно работает для textarea. Там где нужно можно textarea привести css к такому же виду как input.
Работающий код-пример:
Мне её предложил мой друг. Он реализовывал сбор информации о остатках на складе с помощью сканеров. Т.е. специальные аппараты под управлением Windows Mobile со считыванием штих кода, связанные по WiFi с сервером где храниться номенклатура товара. Реализовано было как web приложение, тонкий, да не очень клиент — Opera. Одна из задач — экономить время рабочих на работу с интерфейсом и минимизировать или совсем убрать повторяющиеся рутинные операции. Под задача — автоматический перевод фокуса на input'ы.
Выяснилось, что Opera метод focus для input работает не так как ожидалось — при вызове этого метода для input KEY_DOWN этим элементом не ловиться.
Решение оказалось простым и найдено скорее случайно. Выяснилось что focus корректно работает для textarea. Там где нужно можно textarea привести css к такому же виду как input.
Работающий код-пример:
- <html>
- <body>
- <form>
- <textarea name="title" id="title" >sample</textarea>
- <strong></strong>
- </form>
- </body>
- <script>
- window.focus();
-
- var v = document.getElementById('title');
- v.onfocus = function()
- {
- document.getElementsByTagName('strong')[0].innerHTML = 'Yes!!';
- }
- v.select();
- v.focus();
- </script>
- </html>
* This source code was highlighted with Source Code Highlighter.