当我使用链接跳到我的书签ID时，可以通过JavaScript函数委派什么事件

Question

我有一个链接，该链接具有" #myid"的href，即H1（假设）。我希望当我的H1聚焦时，即"跳到"链接时，我希望一些JavaScript函数可以运行。我尝试了onfocus（），但它不起作用。我更像中间＆amp;数据层开发人员，因此找到一些与前端语言深入工作的怪异：）

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

您可以使用jQuery运行JavaScript函数，或悬停或Focus 。请参考下面的代码。

$( "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." );
});