用js实现一个下拉菜单，要求当鼠标点击下拉菜单以外的区域，下拉框会自动收起。现在要给下拉菜单一个搜索功能，dropList是下拉框，搜索框位于dropList里面，searchKey是定义的一个存放搜索框input输入值的变量。
如下代码，断点跟踪显示，点击一次执行了三次dropList.hide()，第一次执行后会保留searchKey的值，第二次就把它清空了，导致我再次打开下拉框时，搜索框输入的值为空。
怎么才可以让搜索框的值不被清空？正常来说，input的输入值是会自动保留的，不知道是不是我这个mousedown事件写的有问题，求大神指教。

  dropList.mousedown(function(e){
                e.stopPropagation(); //document的mousedown会隐藏下拉框，这里要阻止冒泡
            });
 $(document).bind('mousedown.fitsCombo',this.globalEvent=function(e){
                console.log(dropList);
                console.log(self.searchKey);
                dropList.hide();//隐藏下拉框
                console.log(dropList);
                console.log(self.searchKey);
            });