Страницы

Поиск по вопросам

пятница, 1 марта 2019 г.

Глобальное нажатие на кнопки во vue.js

Доброго времени суток.
Не могу найти инфо, о том, как можно отслеживать нажатие на клавиши.
Что я имею ввиду:
$('html').keydown(function(e){ //отлавливаем нажатие клавиш if (e.keyCode == 13) { //если нажали Enter, то true alert("Ура нажали Enter"); } });
Вот пример кода на jquery как мы могли отслеживать глобальное нажатие на enter, как можно подобное организовать на vue?
Спасибо


Ответ


Придумал как запилить такую штуку, пора уже покупать себе уточку и ей задавать вопросы :)
Вот таким макаром решил:
const app = new Vue({ el: '#app',
created() { document.addEventListener('keydown', this.onKeyDown) },
beforeDestroy() { document.removeEventListener('keydown', this.onKeyDown) },
methods: { onKeyDown(e) { console.log('keydown!'); console.log(e.target); } }, });
Суть в том, что вьюха уже сама себе забиндила клавиши и нужно сначала удалить ивент, а потом добавить свой.

Комментариев нет:

Отправить комментарий