javascript事件event.stopPropagation() 和 event.preventDefault() 使用对比

Fiddle 链接

<div id="outside">
  <div id="inside">
    <input id="content" type="button" value="Click Me">
    </input>
    </div>
</div>

document.getElementById("outside").onclick = (event)=>{
  console.log("outside")
}
document.getElementById("inside").onclick = (event)=>{
  console.log("inside")
}
document.getElementById("content").onclick = (event)=>{
  console.log("content")
  event.stopPropagation()
}

event.preventDefault()

document.getElementById("outside").onclick = (event)=>{
  console.log("outside")
}
document.getElementById("inside").onclick = (event)=>{
  console.log("inside")
}
document.getElementById("content").onclick = (event)=>{
  console.log("content")
  event.preventDefault()
}