当我使用链接跳转到我的书签ID时，通过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

您可以使用jquery在悬停或焦点时运行javascript函数。请参考下面的代码。

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