Js key up отменить перемещение курсора?

Question

[kiranananda]

Здравствуйте!
Что то не могу понять как Гугль спросить об этом :). Пишу автокамплит и при нажатии стрелочек вверх вниз на клавиатуре курсор соответственно меняет свое положение, а надо бы его всегда к концу строки прибить...

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

endCursor: function () {
                let el = this.$refs['input']
                if (typeof el.selectionStart == "number") {
                    el.selectionStart = el.selectionEnd = el.value.length;
                } else if (typeof el.createTextRange != "undefined") {
                    el.focus();
                    var range = el.createTextRange();
                    range.collapse(false);
                    range.select();
                }
            }

Answer 1

[Денис Инешин]

document.on('keyUp', (e) => {
  if (e.keyCode == '38') {
    e.preventDefault(); // предотвратить стандартное поведение
  }
});

Comments

[kiranananda]

У меня через vue сделано не работает e.preventDefault() на соседний пост код привел

[Денис Инешин]

kiranananda, во vue тоже можно:

https://ru.vuejs.org/v2/guide/events.html

methods: {
  warn: function (message, event) {
    // теперь у нас есть доступ к нативному событию
    if (event) {
      event.preventDefault()
    }
    alert(message)
  }
}

[kiranananda]

Сюда еще закину :).

up: function (event) {
                let i = this.searchItem(this.focus.value)
                if (i > 0 && this.searchData[i - 1]) {
                    this.focus = this.searchData[i - 1]
                    event.preventDefault()
                    console.log(event)
                    this.endCursor()
                }
            },

Оно реализовано, но толку нет, курсор все равно двигается. Ах да проверяю в Сафари, может там какое положение вещей свое :)... Но в том же гугле автокомплит все хорошо :). Так как курсор убегает в конец всегда...

[kiranananda]

не прокатывает. При нажатии кнопочки вверх, курсор сначала уходит в начало инпута, а потому это функция его двигает в конец, получается он так дергается :).

Answer 2

[Stalker_RED]

Идем сюда, жмем стрелочки, узнаем что у них коды 38 и 40.
Пишем примерно так:

myInput.addEventListener('keydown', function(e) {
  if (e.keyCode === 38 || e.keyCode === 40)
    e.preventDefault()
})

Comments

[kiranananda]

У меня через vue сделано не работает e.preventDefault()

up: function (event) {
                let i = this.searchItem(this.focus.value)
                if (i > 0 && this.searchData[i - 1]) {
                    this.focus = this.searchData[i - 1]
                    event.preventDefault()
                    console.log(event)
                    this.endCursor()
                }
            },

[Stalker_RED]

kiranananda, я не вполне представляю что у вас убегает, но может стоит заменить range.collapse(false); на range.collapse(true);?