jQuery检测元素是否已链接到

Question

我想将jQuery事件处理程序附加到<div>元素，以便每当单击指向该<div>的链接时，都会激活该处理程序并执行关联的功能-不管链接的位置如何（同一页面） ，其他页面，其他站点）指向<div> 。

$("div#mydiv").on("linked_to", function(){ //is there a "linked_to" event?
  //do something about it
});

这可能吗？ 可以使用scrollIntoView()吗？

Answer 1

您想要的是非常具体的，并且无法取消。 我认为您最好的选择是检测URL中的哈希变化并采取相应的措施。

您将无法检测到div#mydiv本身已被单击，但是检测哈希值#mydiv非常接近它。

您将使用类似：

  window.onhashchange = function() {
    if (window.location.hash === '#mydiv') { // here you check if it was `#mydiv`
      alert('hey! are you after mydiv?!')
    }
  }

在此处检查示例： http : //output.jsbin.com/pikifov-单击链接，并注意URL中的哈希如何变化。

上面的JSBin的来源。

完整代码：

 <div id="mydiv">mydiv</div> <hr> <a href="#mydiv">Click to go to mydiv</a> <script> window.onhashchange = function() { if (window.location.hash === '#mydiv') { alert('hey! are you after mydiv?!') } } </script>