如何在弹出窗口中的提交按钮上设置默认焦点

Question

请帮帮我一个人,,,,

我使用以下代码编写一些代码来获取弹出窗口.

<div id="EMAIL_CONFIRMATION_PENDING" class="popupContact" style="z-index:10003;">
                <div class="popup_textarea">
                    <h3><h:outputLabel value="#{labelMsgs.emailPendingLabel}"/></h3>
                    <div class="VerifyEmailText">
                        <h:outputLabel value="#{labelMsgs.clickToSendEmail}"/> 
                        <span class="FontItalic"><h:outputLabel value="#{headerBean.emailAddress}."/></span>
                        <br /><br />                         
                    </div>
                    <div  class="SuspendedBoxMsg">
                        <h:outputLabel value="#{labelMsgs.accountSuspend}"/><br />
                        <h3><h:outputLabel value="#{sessionScope.DASHBOARD_EMAIL_EXP_TIME}"/></h3>
                        <h:outputLabel value="#{labelMsgs.unlessYouVerify}"/>
                        <br />                                                        
                    </div>
                    <div>
                        <span class="FontWeight">
                            <h:outputLabel value="#{labelMsgs.spamMailFolder}"/>
                         </span>
                        <a4j:commandLink id="resendLink" styleClass="violet_color_link" value="#{labelMsgs.regSuccSendMail}" onclick="javascript:resendLink(); this.onclick=null;" action="#{headerBean.resendEmail}" />
                    </div>
                    <div class="OkButton">
                        <div class="button_input">                          
                            <a4j:commandButton id="emailConfm" styleClass="image_button" value="#{labelMsgs.okButton}" action="#{accntDashboardBean.popupRefresh}"
                                reRender="frmAccountDashboardMenu:POPUP_PANEL" oncomplete="disablePopup1('EMAIL_CONFIRMATION_PENDING', 'backgroundPopup');popupCall('#{sessionScope.toShowPopupOf}');"/>
                        </div> 
                    </div>
                </div>
            </div>

在这个使用div的id来填充弹出窗口,像这样我已经用不同的id编写了一些其他弹出代码.为此,我在window.onload函数中编写代码以获取弹出窗口,因此,我需要在上面的代码中提到的提交按钮上设置默认焦点.

Answer 1

您可以使用JavaScript或jQuery将焦点设置为提交按钮:

JavaScript的:

document.getElementById('emailConfm').focus();

jQuery:

$('#emailConfm').focus();

Answer 2

您可以使用以下方法将焦点设置到按钮中

document.getElementById('emailConfm').focus();

但这可能行不通,为了解决这个问题,我做了类似的事情

setTimeout(function() { document.getElementById('emailConfm').focus(); },100);