Установить фокус на элемент, когда другой элемент имеет фокус с ng-focus - PullRequest
Новая
       62

Установить фокус на элемент, когда другой элемент имеет фокус с ng-focus

0 голосов
/ 03 апреля 2020

У меня есть angularJS приложение. Есть две компоненты: левая панель навигации и правая панель контента. Когда я go до конца правой боковой панели контента с вкладкой (клавиатура), она фокусируется на URL-адрес браузера. Но мне нужно установить фокус вкладки (клавиатуры) на левой навигационной панели или просто прекратить фокусировку, чтобы перейти к URL.

.. ниже находится конец панели содержимого 

<div>
   <ul>                
       <li class="seperater">
                <a href="" ng-focus="navigateToTop();">test navigate </a>               
       </li>
   </ul>
 </div>

Я попытался, когда фокус пришел к последнему элементу на странице содержимого, вызвал метод navigateToTop и там я установил фокус на левую навигацию.

ниже приведен метод 

this.navigateToTop = function () {

        console.log("in navigateToTop");
        $('#left-nav').focus();

    };

Но он не работает и все еще фокусируется на URL. Пожалуйста, помогите ..

1 Ответ

0 голосов
/ 03 апреля 2020

Потратив некоторое время, я нашел решение, внеся некоторые изменения в мой html код правой панели содержимого. 

<div>
  <ul>                
     <li class="seperater">
            <a href="" ng-focus="isFocused = true" ng-blur="isFocused = false">
        test navigate </a>               
     </li>
  </ul>
  <div ng-if="navigateToTop(isFocused);"></div>
</div>
...