How do you prevent a ASP.NET drop down list from firing it's onclick event when on option is selected?

Question

I have a ASP.NET drop down list which needs to execute some javascript when the user clicks the expand arrow to reveal the options list, but currently selecting an option also triggers the onclick event, which I do not want.

Is there any way to do this without using some sort of flag?

Answer 1

you need to prevent the bubbling from that nested element's click

thatElementOnclickFunction = function (evt) {
    evt = evt || window.event;
    evt.cancelBubble = true;
    if(evt.stopPropagation) evt.stopPropagation();
}