Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Отловить нажатие клавишы TAB

Автор: rang3r 25.6.2012, 19:32

Всем добрго вечера!
Подскажите пж-та, мне необходимо отловить нажатие клавишы TAB и обработать по своему.
накидал след. ф-ию:

Код


function replaceTemplate(event) {
            if (((event.ctrlKey) && ((event.keyCode == 0xA) || (event.keyCode == 0xD))) || (event.keyCode == 9)) {
                var cmd = $('#cmd').val();
                if (cmd == '')
                    return false;
                for (var i = 0; i < templates.length; i++) {
                    if (cmd == templates[i].template) {
                        $("#cmd").val(templates[i].command);
                        var position = templates[i].position;
                        setCursor("cmd", (position == null) ? $("#cmd").val().length : position);
                        event.preventDefault();
                        
                        return true;
                    }
                }
            }
            return false;
        }

Она работает как мне надо в FF(фокус остается на текущем элементе + изменяются данные), а в Chrome не хочет, фокус переноситься на другой элемент страничцы, даынные не изменяются.
Сама разметка:

Код


<body style="background: #000000; color: #7CFC00;" OnLoad="document.getElementById('cmd').focus();">
<div style="height: 100%">
    <div id="out" style="height: 100%">

    </div>
    <div style='color: red;'></div>
    <div id="in">
        <label for="cmd">&gt</label>
        <input type="text" name="cmd" value="" id="cmd" title="cmd"
               style="width:90%; background: #000000; color: #7CFC00; border-style: none;"
               onkeypress="processCmd(event)" onkeydown="return cachedCmd(event);" />
    </div>
</div>
</body>

Автор: skyboy 25.6.2012, 22:51

событие onblur вызывается при потере фокуса элементом.
ТАВ по умолчанию приводит к переключению фокуса ввода…

Автор: Aliance 26.6.2012, 09:56

Сайт http://jsfiddle.net/ отлавливает нажатие tab и работает это в т.ч. в Хроме. Смотрите исходники, как сделано у них.

Автор: rang3r 28.6.2012, 16:01

Цитата(skyboy @ 25.6.2012, 22:51)

событие onblur вызывается при потере фокуса элементом.
ТАВ по умолчанию приводит к переключению фокуса ввода…

Добавил в input : onblur = "return replaceTemplate(event);"
Ничего не изменилось в хроме, к сожалению

Добавлено через 26 секунд

Цитата(Aliance @ 26.6.2012, 09:56)

Сайт http://jsfiddle.net/ отлавливает нажатие tab и работает это в т.ч. в Хроме. Смотрите исходники, как сделано у них.

Ушел смотреть исходники сайта

Добавлено через 14 минут и 38 секунд
Там сделано все достаточно просто:

Код


else if (code == 9 && this.options.tabMode != "default" && !event.ctrlKey) { // tab
        this.handleTab(!event.shiftKey);
        event.stop();
      }

handleTab: function(direction) {
      if (this.options.tabMode == "spaces")
        select.insertTabAtCursor(this.win);
      else
        this.reindentSelection(direction);
    }

Я только вставил enent.stop() и все равно в Хроме метод replaceTemplates() даже не вызывается при нажатии на Tab(поставил брейкпоинт)

Автор: rang3r 28.6.2012, 16:25

Ура!!!!
Оказывается Хром в такой ситуации работает только на keydown.
Вопрос закрыт. Всем спасибо!