Eu tenho uma div
pai que nela ocorre um evento onclick
na div
inteira, porém dentro dessa div
quero ter um elemento que também tenha um evento onclick
que seja acionado sem acionar o onclick
da div
pai, por exemplo:
<div onclick="alert('div pai')">
<p>div pai</p>
<button onclick="alert('button')">click</button>
</div>
JSFiddle: https://jsfiddle.net/6q3m8hv0/4/
O que ocorre é que quando eu clico no button
ele chama função do button
e também a da div
pai, então o questionamento é:
- É possível fazer com que a função da
div
pai não seja chamada?