javascript获取触发onclick函数的html元素

Question

我有以下HTML代码：

<a class="button-dashboard-save" href="#" onclick="return interface.saveChanges();">Save</a>

在interface.saveChanges（）中我想获取触发该函数的元素对象，我的意思是整个元素。

此致

Answer 1

如果我理解正确，您想引用<a>内的锚元素interface.saveChanges。在这种情况下，您可以直接将this关键字传递给该函数。代码应如下所示：

<a class="button-dashboard-save" href="#" 
   onclick="return interface.saveChanges(this);">Save</a>

Answer 2

在内联点击内部使用this。它将传递您案例中当前单击的元素。

<a class="button-dashboard-save" href="#" onclick="return interface.saveChanges(this);">Save</a>

Answer 3

定义事件处理函数（为简单起见使用jquery）：

$(".button-dashboard-save").click ( function ( eve ) {
    return interface.saveChanges ( eve.target );
});

这为interface.saveChanges提供了触发元素作为参数。

你的html略有简化：

 <a class="button-dashboard-save" href="#">Save</a>