javascript - 一个跨度内的按钮，都有一个事件。如果我单击按钮，跨度事件也会启动

Question

<span onClick={'event example 1'}>
  content example 1
  <button onClick={'event example 1'}>
    content example 2
  </button> 
</span>

如何按下按钮而不涉及跨度事件？这可能吗？

Answer 1

工作示例。您必须绑定(bind)事件才能访问 stop event.stopPropagation()

function spanFunction(e) {
  console.log('spanFunction')
}

function buttonFunction(event) {
  event.stopPropagation()
  console.log('buttonFunction')
}

<span onClick="spanFunction(event)">
  content example 1
  <button onClick="buttonFunction(event)">
    content example 2
  </button> 
</span>