如何从 javascript 函数中获取 event.target 的 id？

Question

例如：

function helloworld(){
    alert("helloworld");
}

function worldhello(){
    alert("worldhello");
}

两个功能和三个按钮。

点击'A'按钮将执行helloworld()函数。

点击'B'按钮将执行worldhello()函数。

当你点击'C'按钮时，helloworld ()函数被执行，worldhello ()函数被执行。

我想防止在单击'C'按钮时执行helloworld()函数的警报。

我尝试使用event.target.id 和$(event.target).attr("id") 在helloworld() 函数中找到'C' 按钮的id，但它打印了undefined。

如何在helloworld ()函数中找到'C'按钮的id？

Answer 1

我不明白你在获得元素的 ID 后会做什么，无论如何，有更通用的方法可以做到这一点。您可以将标志传递给您的函数，以决定是否显示警报。

试试这个：

<button onclick="hw(true)">A</button>
<button onclick="wh(true)">B</button>
<button onclick="hw(false); wh(true)">C</button>

<script>
  let hw = shouldAlert => {
    if (shouldAlert) {
      alert("Hello World!");
    }
  };

  let wh = shouldAlert => {
    if (shouldAlert) {
      alert("World Hello!");
    }
  };
</script>

希望对你有帮助！