javascript prevents mouse events from being triggered_javascript tips

An onclick event is added to a div, and there is a hyperlink a in it. Can the event of the div not be triggered when the hyperlink is clicked?

<div id="div1" onclick="javascript:alert('be clicked');"> <a href="http://www.jb51.net" onclick="event.cancelBubble=true" target="_blank">Script Home</a> </div>
[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute ]