Javascript 弹出式单击上的x图像应集中在文本框上,但不能按预期工作

Javascript 弹出式单击上的x图像应集中在文本框上,但不能按预期工作,javascript,jquery,image,gwt,click,Javascript,Jquery,Image,Gwt,Click,我有一个通过gwt代码生成的弹出窗口。用户单击(图像x btn)时,焦点应设置为文本框。但我这里的东西并没有像预期的那样起作用。它所做的是,它关注文本框,但不关闭弹出窗口。我需要它先关闭弹出窗口,然后再聚焦文本框。我试着一个接一个地删除div的类,但它似乎无法删除“modal”功能,或者页面不再响应任何鼠标或键盘单击。下面的代码仅在$('#globalSearchTextBox').focus()之前存在警报(“测试”)时才能正常工作;但每当我把它移除,它就会再次失效。似乎“x”图像上的焦点丢失

我有一个通过gwt代码生成的弹出窗口。用户单击(图像x btn)时,焦点应设置为文本框。但我这里的东西并没有像预期的那样起作用。它所做的是,它关注文本框,但不关闭弹出窗口。我需要它先关闭弹出窗口,然后再聚焦文本框。我试着一个接一个地删除div的类,但它似乎无法删除“modal”功能,或者页面不再响应任何鼠标或键盘单击。下面的代码仅在$('#globalSearchTextBox').focus()之前存在警报(“测试”)时才能正常工作;但每当我把它移除,它就会再次失效。似乎“x”图像上的焦点丢失,即使在单击弹出窗口之前,也会立即转到globalSearchTextBox,这就是为什么它没有关闭它,因此仍然处于模式模式。我还尝试在图像单击的xit处理程序中的.java代码中执行此操作,但仍然不起作用

关于如何正确执行此操作,我没有任何想法,也不是jquery的粉丝(请帮忙,谢谢

这是我的密码:

$('#imgExitId').live('keydown', function(e) { 
      var keyCode = e.keyCode || e.which; 

      if (keyCode == 9) { 
        e.preventDefault(); 
        //alert("tab press")
         $('#imgExitId').focus();

      } 
      if (keyCode == 13) { 
          e.preventDefault();
//if alert("test") is added, hen it works 
         $('#globalSearchTextBox').focus();

          } 

    });
我尝试了数百种解决方案,如模糊、鼠标移动、设置超时(我尝试延迟对焦,因为我认为它太快了)。我甚至尝试删除弹出面板的.css

以下是弹出窗口的html(通过gwt代码生成):


CloseError请提供搜索词

我猜基础页面不是由GWT生成的,文本框在该基础页面中?您好,您好,您是对的。我可以通过javascript或jquery来实现这一点。我通过GWT代码操纵了该行为。谢谢
    <div class="gwt-PopupPanelGlass" style="position: absolute; left: 0px; top: 0px; display: block; width: 1758px; height: 1001px;"></div>
<div style="left: 1156px; top: 39px; position: absolute; overflow: visible;" class="gwt-DecoratedPopupPanel gwt-DecoratedPopupPanel-pnlUserFeedback" id="pnlUserFeedBackId"><div class=""><table cellspacing="0" cellpadding="0" class=""><tbody><tr class="dialogTop"><td class="dialogTopLeft"><div class="dialogTopLeftInner"></div></td><td class="dialogTopCenter"><div class="dialogTopCenterInner"><div class="Caption"></div></div></td><td class="dialogTopRight"><div class="dialogTopRightInner"></div></td></tr><tr class="dialogMiddle"><td class="dialogMiddleLeft"><div class="dialogMiddleLeftInner"></div></td><td class="dialogMiddleCenter"><div class="dialogMiddleCenterInner dialogContent"><div id="pnlUserFeedbackPopupArrowId" class="pnlMainUserFeedback pnlArrow"><img src="images/window-arrow-for-error.gif" class="gwt-Image" title="Error" alt="Error" id="imgUserFeedbackPopupArrowId"><div id="pnlHeaderUserFeedbackPopupId" class="pnlHeaderUserFeedbackPopup"><button type="button" tabindex="0" class="imgExit" title="Close Window" alt="Close Window" id="imgExitId"></button><div class="dataHyperLink lblCloseInUserFeedback" id="lblCloseInUserFeedbackId" style="text-decoration: initial;">close</div><div class="gwt-Label lblHeaderUserFeedbackPopup" id="lblHeaderUserFeedbackPopupId">Error</div><div id="pnlBodyUserFeedbackPopupId" class="pnlBodyUserFeedbackPopup"><div id="pnlMessagePopupId" class="pnlMessagePopup"><img class="gwt-Image imgWarning" title="Warning" alt="Warning" src="images/warning.gif" id="imgWarningId"><div class="gwt-Label lblMessagePopup" id="lblMessagePopupId">Please provide a search term</div></div></div></div></div></div></td><td class="dialogMiddleRight"><div class="dialogMiddleRightInner"></div></td></tr><tr class="dialogBottom"><td class="dialogBottomLeft"><div class="dialogBottomLeftInner"></div></td><td class="dialogBottomCenter"><div class="dialogBottomCenterInner"></div></td><td class="dialogBottomRight"><div class="dialogBottomRightInner"></div></td></tr></tbody></table></div></div>