锚标记点击以在同一 onClick Javascript 函数中进行区分

Question

我有一个简单的锚标签如下：

<a onclick="{!c.handleClick}" >Major</a>
<a onclick="{!c.handleClick}" >Minor</a>

在 handleClick 函数中，我正在执行两个 url 通用的 DML 操作。然后我试图区分 Major/Minor 点击并执行必要的操作，然后重定向到相应的文件。我可以知道我可以将什么元素添加到标签中并使点击可区分吗？

Answer 1

您可以向每个锚点添加一个 ID，然后基于该锚点进行定位：

function handleClick(e) {
  e.preventDefault();
  const id = e.target.id;
  if (id === 'major') {
    console.log('Major clicked');
  } else {
    console.log('Minor clicked');
  }
}

<a href="#" onclick="handleClick(event)" id="major">Major</a>
<a href="#" onclick="handleClick(event)" id="minor">Minor</a>

锚标记点击以在同一 onClick Javascript 函数中进行区分

Anchor tag clicks to differentiate within same onClick Javascript function

javascript

anchor