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

Questions
1

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?

14
Screen Shot 2018-03-30 at 13.47.14.png828×532 3.16 KB

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

2

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