<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()
}