javascript - 防止点击标签触发子按钮

Question

当这样设置时，点击带有子按钮的标签会触发按钮的 onclick 事件:

function fireButton() {
  console.log("Button fired!");
}

<label>Label
  <button onclick="fireButton()">Button</button>
</label>

有没有办法防止这种情况发生？

Answer 1

为标签添加属性。

function fireButton() {
  console.log("Button fired!");
}

<label for=''>Label
  <button onclick="fireButton()">Button</button>
</label>