I have a simple drop down menu in a website.

It does the typical... opens onMouseOver, closes when the body is clicked.

<body onclick="resetDrawer();">
The problem is one of the hidden drop downs has an input field and, of course, when someone clicks in the field to enter info the menu disappears... the input is part of the body after all.

Is there some type of work-around to this??

Is there something like...

<body onclick, except when elementbyid = 'InputField'>
All suggestions welcome. Thanks.