Какое событие делегировать функцией Javascript, когда я перехожу на свой идентификатор с закладкой, используя ссылку?

Question

У меня есть ссылка, которая имеет href "#myid", который является h1 (допустим, скажем).Я хочу, чтобы какая-то функция javascript запускалась, когда мой h1 сфокусирован, т.е.Я попытался onfocus (), но это не работает.Я в большей степени разработчик среднего уровня и уровня данных, поэтому нахожу немного странным работать в глубине с языками интерфейса:)

Answer 1

Существует событие hashchange, которое вы можете прослушать window:

window.addEventListener('hashchange', (e) => {
  console.log(e.newURL);
});

.padding {
  height: 1000px;
}

<a href="#myid">click</a>
<div class="padding"></div>
<div id="myid">myid<br>myid</div>

Answer 2

вы можете запустить функцию javascript, пока завис или фокус , используя jquery. Пожалуйста, используйте код ниже.

$( "h1" ).hover(function() {
  alert( "Handler for .focus() called." );
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1>This is a sample H1</h1>

Функция фокусировки используется для поля ввода . Вы можете обрабатывать фокус только для h1, используя индекс табуляции.

$( "h1" ).focus(function() {
  alert( "Handler for .focus() called." );
});