Home/ Questions/Q 7990545
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-04T13:02:51+00:00

As above, I have a button that, when clicked, will open the sub-menu. For

  • 0

enter image description here

As above, I have a button that, when clicked, will open the sub-menu. For each option in the sub-menu there are three elements (there’s actually more I think, but will keep it as 3 for simplicity). I give focus to the main div (white ‘frame’) of the sub-menu. Onblur of this div – I then hide the sub-menu.

This all behaves as expected – but I have the probem that when one of the 3 elements for a particular option are clicked (i.e. given focus), the main div will close due to it’s onblur event handler – and the PopUp function that’s linked to the onClick event of the elements for the options in the sub-menu are not fired/reached.

I need someway of only handling the onblur event of the main div in this way if the options haven’t been clicked.

I have JQuery to use obviously so I’m more than happy to work with that to solve the problem.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m going to post this answer – in the hope that someone can improve on it or suggest an alternative because it really does feel like a work around.

    But, what I’ve done is on the onblur event – instead of instantly hiding the div, I’ve put in a small delay using a timeout so I don’t alter the precedence of the onblur/onclick events fired but in effect give the onclick ‘a chance’ to fire.

    • 0