javascript - 单击特定项目时执行js函数

Question

请告诉我如何在单击按钮时执行 go2 函数而不执行 go 函数

function go($i) {
  alert($i);
}
function go2($i) {
  alert($i);
}

div {
  width: 200px;
  height: 200px;
  background: #eaeaea;
}

<div onclick="go('159');">
<button onclick="go2('160');">Go 2</button>
</div>

Answer 1

你需要使用event.stopPropagation()

function go($i) {
  alert($i);
}
function go2($i) {
  event.stopPropagation();
  alert($i);
}

div {
  width: 200px;
  height: 200px;
  background: #eaeaea;
}

<div onclick="go('159');">
<button onclick="go2('160');">Go 2</button>
</div>