当我使用链接跳转到我的书签id时，Javascript函数要委托什么事件？

Question

我有一个链接，它的href是"#myid"，它是h1 (假设)。我想要一些javascript函数在我的h1被聚焦时运行，也就是通过链接“跳转到”。我尝试了onfocus()，但它不起作用。我更多的是一个中间层和数据层的开发人员，所以发现在前端语言的深度工作中有点奇怪:)

Answer 1

您可以在window上监听hashchange事件

​

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>

​

焦点函数用于输入字段.you只能使用制表符索引处理h1的焦点。

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