how to stop an onclick from bubbling code example

Example 1: onclick stoppropagation

<span onclick="event.stopPropagation(); alert('you clicked inside the header');">something inside the header</span>

Example 2: html onclick stop propagation

// "event" is not universally supported, so instead grab the first
// argument passed through the onclick handler and call
// "stopPropagation()" on it
<div onclick="(arguments[0] ? arguments[0].stopPropagation() : false);">...</div>