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);

Answer 3

您可以在div中使用HTML表单标签来将焦点放在“提交”按钮上。使用表单标签内的输入标签，因此无论何时输入“用户名”或“密码提交”按钮，始终将重点放在按Enter按钮上。

<form>
<input type="text"/>
<input type="password"/>
<input type="submit"/>
</form>

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

3 个答案: