Можете ли вы создать пункт меню, выбираемый с помощью клавиатуры, который не перезагружает страницу при выборе? ⇐ Html

[Anonymous]

У меня есть приложение с интерфейсом PrimeNG Angular с элементами меню.
Меню и его элементы уже работают с помощью мыши; моя задача — сделать меню функциональным с клавиатуры.
Вот упрощенная версия того, что у меня уже есть.
Два блока в тегах ng-container являются элементами меню.
Цель состоит в том, чтобы при выборе пункта меню — будь то щелчок по нему мышью или переход к элементу и нажатие клавиши Enter, он будет вызвать функцию MenuItemFunction, но не перезагружать страницу (

Код: Выделить всё

ngOnInit

не будет вызываться).

Код: Выделить всё

one




two

Таким образом, эта реализация отлично работает, если навести указатель мыши на элемент и затем щелкнуть по нему.
Однако не получится использовать клавиатуру для перехода к элементу меню и нажатия Enter. Функция MenuItemFunction никогда не вызывается.
Теперь, если я добавлю атрибут [routerLink] к таким элементам, он будет вызывать функцию MenuItemFunction. Однако это также вызывает перезагрузку страницы и, таким образом, вызов ngOnInit, чего я не хочу.

Код: Выделить всё

one




two

Есть ли способ реализовать это так, чтобы с помощью мыши или клавиатуры просто вызывалось менюItemFunction без перезагрузки страницы, а также вызова ngOnInit()?


Подробнее здесь: https://stackoverflow.com/questions/797 ... e-page-whe