Почему переход к сетке DojoX с помощью табуляции приводит к ошибке JavaScript «Невозможно переместить фокус для управления»?

Вы должны обработать событие нажатия клавиши и прослушать символ 9 (который является символом табуляции). Чтобы сделать событие недействительным, вы просто возвращаете false, когда пользователь нажимает символ 9.

function handleKeyDown(e)

{

var keynum;

var keychar;

var numcheck;

if (window.event) // IE

{

keynum = e.keyCode;

}

else if (e.which) // Netscape/Firefox/Opera

{

keynum = e.which;

}

return keynum != 9; `` }

<input name = "z" onfocus = "this.blur()"/>

Я лично считаю, что такое поведение немного раздражает. Почему вы запрещаете пользователю сосредотачиваться на этой области?

Лучшим решением было бы скрыть / отключить поле, пока оно не будет готово для ввода данных. У вас также должен быть текст, объясняющий, почему это поле отключено.

Обновлено: сообщение об ошибке, которое вы опубликовали, имеет некоторые результаты в Google, но похоже, что это может быть любое количество проблем, этот http://www.francoisfaubert.com/2008/03/06/cant-move-focus-to-control/ звучит так, как будто это может быть возможность. Проверьте свой HTML, чтобы увидеть, есть ли на странице другие элементы управления с таким же идентификатором.

Вы можете установить Input-Z как отключенный элемент управления. Затем, когда пользователь переходит на Input-Y и заполняет его, измените Input-Z на enabled. Как это сделать:

<input id = "Input-x" type = "text" />
<input id = "Input-y" type = "text" onChange = "document.getElementById('Input_Z').removeAttribute('disabled');" />
<input id = "Input-z" type = "text" disabled />

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

Если ввод Y не принимает пользовательский ввод, не делайте его полем ввода!

Если вы просто используете это для отображения значений, используйте вместо этого стилизованные <span> или <div>.

Присвойте элементу компонента атрибут tabindex со значением -1.

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

tabindex = "- 1"

например:

<div id = "mygrid" tabindex = "-1"> <!-- Some stuff here --> </div>

Подробнее об отрицательных индексах табуляции: введение в вай-арию

Редактировать: Подробнее о ARIA: http://www.w3.org/WAI/intro/aria

По поводу сообщения об ошибке: От Танк фейка:

"odds are you have conflicting ids in your document. Also, remember IE 7 and the previous versions are alone to think a name attribute should be treated like an id."

Итак, во-первых, это ошибка IE. Во-вторых, измените свои идентификаторы. Похоже, что это то, что раньше поражало некоторые программы HP на основе HTML, и появилось, когда пользователи обновились с IE6 до IE7.

Что касается вопроса об отключении фокуса - просто скройте любые нежелательные вводы с помощью type = hidden в теге, и они перестанут быть проблемой. Никогда не возитесь с табуляцией людей - это единственное, что улучшило HTML по сравнению с приложениями Windows.

Мораль сказки:

• Делай это правильно
• Microsoft - дерьмо в Интернете
• Не связывайтесь со стандартным поведением графического интерфейса пользователя

Решение
Первый элемент в макете DojoX Grid не может быть скрыт. Если он скрыт, вы получите ошибку JavaScript «Невозможно переместить фокус для управления». Чтобы исправить это, я добавил строку #, которая отображается. См. ниже.

  var gridLayout = [
    new dojox.grid.cells.RowIndex({ name: "row #", 
                                    width: 2, 
                                    styles: "text-align: right;"
                                 }),
    {
      field: "ele_id",
      name: "Element ID",
      styles: "text-align:right;",
      width:5,
      hidden:"true"           
    },
    {
      field: "ele_nm",
      name: "Element Name",
      styles: "text-align:left;",
      width:8          
    }
  ];