javascript - 在 Firefox 中，在 onclick 触发器中获取 anchor 的 href

Question

使用以下 html:

<div>
   <a href='#link1' onclick='func()' >Link 1</a>
   <a href='#link2' onclick='func()' >Link 2</a>
   <a href='#link3' onclick='func()' >Link 3</a>
</div>

function func() {
   var href = ??;
   if( href.match(/#link1/) ) {
      ...
   }
}

在 Chrome(和 IE？)中可以使用此代码

var href = window.event.target.href;

但是 window.event 在 Firefox 中不存在

如果事件是通过 addEventListener 附加的，则可以将 e 作为参数，但无法将事件传递给 onclick 在 html 中声明时起作用。

Answer 1

将 this 传递给您的函数，然后直接访问 href 属性。 this 将引用进行调用的元素。您可能还想返回 false - 这会阻止点击的链接导航。

http://jsfiddle.net/qjXVy/

function func(elem) {
    alert(elem.href);
    return false;
}

<div>
   <a href="#link1" onclick="func(this)" >Link 1</a>
   <a href="#link2" onclick="func(this)" >Link 2</a>
   <a href="#link3" onclick="func(this)" >Link 3</a>
</div>