Как предотвратить поведение стрелки вверх / вниз по умолчанию в TextField? - PullRequest
4 голосов
/ 19 июня 2009

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

Я пытался использовать preventDefault() и stopImmediatePropagation() в прослушивателе событий KeyboardEvent.KEY_DOWN, который я также использую для изменения выбранного предложения, но это ничего не меняет. Я проверил, что при запуске события KeyboardEvent.KEY_DOWN каретка еще не сдвинулась, но визуально я вижу, что она движется до отпускания ключа (ключ вверх).

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

Так кто-нибудь знает, как предотвратить поведение по умолчанию?

Ответы [ 6 ]

6 голосов
/ 19 июня 2009

Вы не можете предотвратить это, но вы можете изменить это. Для этого вы добавляете в обработчики с разными приоритетами одно и то же событие - KeyboardEvent.DOWN. Один будет выполняться до TextField и сохранять индексы выбора, а другой - после их восстановления. Рабочий код выглядит следующим образом:

    import flash.events.Event;
    import flash.events.KeyboardEvent;
    import flash.ui.Keyboard;

    import mx.controls.TextInput;
    import mx.events.FlexEvent;

    public class FooledTextInput extends TextInput
    {
        private var ssi : int = 0;
        private var sei : int = 0;

        public function FooledTextInput()
        {
            super();

            this.addEventListener(KeyboardEvent.KEY_DOWN, onBeforeKeyDown, false, 10000);
            this.addEventListener(KeyboardEvent.KEY_DOWN, onAfterKeyDown, false, -10000);
        }

        private function onBeforeKeyDown(e : KeyboardEvent) : void
        {
            if (e.keyCode == Keyboard.UP || e.keyCode == Keyboard.DOWN)
            {
                ssi = this.selectionBeginIndex;
                sei = this.selectionEndIndex;
            }   
        } 

        private function onAfterKeyDown(e : KeyboardEvent) : void
        {
            if (e.keyCode == Keyboard.UP || e.keyCode == Keyboard.DOWN)
            {
                this.setSelection(ssi, sei);
            }   
        } 
    }

Возможно, вам потребуются более подходящие имена для ssi (начальный индекс выбора) и sei (конечный индекс выбора), мне было лень найти их. Я думаю, что это решение было основано на посте Алекса Харуи, я точно не помню, но у него есть много хороших вещей, связанных с Flex в его блоге.

ОБНОВЛЕНИЕ: Для искры TextInput предотвращение не только возможно, это действительно просто. Все, что вам нужно сделать, это перехватить событие на этапе захвата и остановить распространение. Код:

package
{
    import flash.events.KeyboardEvent;
    import flash.ui.Keyboard;

    import spark.components.TextInput;

    public class HackedTextInput extends TextInput
    {
        public function HackedTextInput()
        {
            super();
            addEventListener(KeyboardEvent.KEY_DOWN, onBeforeKeyDown, true);
        }

        private function onBeforeKeyDown(e:KeyboardEvent) : void
        {
            if (e.keyCode == Keyboard.UP || e.keyCode == Keyboard.DOWN)
            {
                e.stopImmediatePropagation();
            }   
        }  
    }
}

Обратите внимание на последний параметр в вызове addEventListener, для которого установлено значение true, чтобы обработчик вызывался на этапе захвата. К сожалению, это решение не работает для mx TextInput, только для искрового.

4 голосов
/ 17 июля 2011

Я разместил решение этой проблемы здесь:
AS3: setSelection Override Arrow Override

1 голос
/ 28 января 2013

В решении проблемы ошибок может быть некоторый эффект щелчка.

Существует рабочее решение и хороший трюк с использованием stage.invalidate() и сценических Event.RENDER, которые описаны здесь:

AS3: setSelection Override Arrow Override

1 голос
/ 23 июня 2009

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

Сначала я переопределяю обработку событий на сцене для ключей:

stage.addEventListener(KeyboardEvent.KEY_UP, typing);
// Sneak in before the normal processing handles right and left arrow keystrokes.
stage.addEventListener(KeyboardEvent.KEY_DOWN, pretyping, true, 10); 

Обратите внимание, что я буду обрабатывать каждую клавишу дважды - до того, как система выполнит свое волшебство (предварительный набор вызывается до KEY_DOWN), поэтому я могу видеть, где находится курсор, до того, как Flash перемещает его, и после того, как система его обработает (набрав, после KEY_UP).

/** Capture prior state of text field so we can later tell if user should tab to next field or previous field. */
private function pretyping(evt:KeyboardEvent):void {
    var keyString:String = Configuration.getKeyString(evt);
    if (isFocusInTextBox()) {
        var tf:TextField = getFocus() as TextField;
        capturePhaseCaret = tf.caretIndex;
    }
}

getKeyString - мой метод - все, что он делает, это превращает эти коды в удобную мнемонику. И isFocusInTextBox - это вызов моего менеджера фокуса - я заменил стандартный менеджер фокуса, чтобы преодолеть другие проблемы с Flash. Мне просто нужно знать, если это текстовое поле или нет.

Затем я должен обработать ключ после того, как Flash уже переместил курсор и, возможно, даже перешел на новое поле, и, взглянув на предыдущее состояние, решить, что сделал Flash, отменить его и затем сделать то, что должно произойти. В моей функции «печатать» есть много вещей, которые не нужны для этого обсуждения, но важно то, что она вызывает allowKeyMapping. allowKeyMapping решает, ввел ли пользователь стрелку вперед (или стрелку вниз) из последней позиции символа в текстовом поле, или ввел стрелку назад с начала. Если это так, «печатать» будет переход к следующему или предыдущему полю, соответственно.

    /** Prefer default behavior and do not allow certain kestrokes to be reinterpreted by key mappings, such as left and right cursor keys in text boxes. */
    private function allowKeyMapping(keyString:String) {
        var allow:Boolean;
        // If focus is in a text field, allow right arrow to advance to next field only if caret is at end of text.
        // Conversely, allow left arrow to back up to previous field only if caret is at beginning of text.
        // The trick is that the normal processing of keystrokes by TextFields occurs before this method is called,
        // so we need to know the caret position from before the key was pressed, which we have stored in capturePhaseCaret, set in pretyping.
        if (isDragging) {
            allow = false;
        }
        else if (isFocusInTextBox()) {
            var tf:TextField = getFocus() as TextField;
            if (keyString == Configuration.LEFT_CURSOR_KEY) {
                allow = tf.caretIndex == 0 && capturePhaseCaret == 0;
            }
            else if (keyString == Configuration.RIGHT_CURSOR_KEY) {
                allow = tf.caretIndex == tf.text.length && capturePhaseCaret == tf.text.length;
            }
            else {
                allow = true;
            }
        }
        else {
            allow = true;
        }
        return allow;
    }

Извините, у меня нет подготовленного компактного примера. Я просто подумал, что важно подчеркнуть, что вы можете обойти склонность Flash к тому, чтобы делать что-то для вас, хотите ли вы, чтобы это произошло или нет.

0 голосов
/ 22 мая 2013

по умолчанию событие имеет приоритет 0 на UIComponent так что вы всегда можете остановить, остановить что-либо, здесь вы предотвращаете все KeyboardEvent.KEY_DOWN

yourObject.addEventListener(KeyboardEvent.KEY_DOWN, _preventDefault, false, 1, true );
private function _preventDefault(event:KeyboardEvent):void 
{
event.preventDefault();
event.stopImmediatePropagation();
}
0 голосов
/ 20 июня 2009

Это мой обходной путь для этой проблемы. Я уверен, что есть лучший способ, но это, вероятно, потребует расширения элемента управления TextInput.

private function onKeyDown(event:KeyboardEvent):void
{
    if(event.keyCode == flash.ui.Keyboard.UP)
    {
        var begin:int = textinput.selectionBeginIndex;
        var end:int = textinput.selectionEndIndex;
        textinput.setSelection(begin,end);
    }
}

Не сексуально, но работает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...