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

Question

我有以下html代码：

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

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

问候，

Answer 1

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

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

Answer 2

在嵌入式onclick中使用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>