Prevent click event propagating / bubbling and firing on parent element for back link

I have a header div that opens a photoBrowser on click, but there is also a floating back button inside this div. When I click back it goes back but also opens the photo browser?; is there a Framework7 class I can put on the back button that will stop this from happening?

In the screenshot, the yellow header should open the photoBrowser and the green back button should go back.

When you adding onclick event listener it accepts event argument. So within this listener you need check the “” is not a green back button before your open photo browser