在Firefox中，在onclick触发器中获取锚的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;

但是Firefox中不存在window.event

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

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>

Answer 2

您确实可以在onclick处理程序本身中将事件作为参数获取。 因此，您可以执行以下操作：

 <a href="#link1" onclick="func(event)" >Link 1</a>

然后您可以在func查看事件目标。