javascript - 避免/禁用自动跳转到输入字段

Question

我有一个关于 html 输入标签或 primefaces p:input 的问题。为什么光标总是自动跳转到输入字段。我的页面高度很高，因此您需要向下滚动。输入字段位于页面末尾，光标自动跳转(加载)到页面末尾进入输入字段。我怎样才能避免这种自动跳转？

<h:form id="form">
    <p:commandButton oncomplete="PF('dlgG').show();" value="Open"
        id="button" update="dialog" partialSubmit="true" />
    <p:dialog appendToBody="true" appendTo="@(body)" modal="true"
        id="dialog" resizable="false" closeOnEscape="true" widgetVar="dlgG"
        showEffect="drop" hideEffect="drop">

        <div
            style="width: 90%; height: 100px; background: black; margin-bottom: 1000px;color:red;" id="demo"></div>

        <p:inputTextarea autoResize="true" rows="3" cols="100"
            value="#{auftragBean.comment}" id="inputBox" />
    </p:dialog>
</h:form>

Answer 1

“为什么”是文档和 showcase问题(又名 RTFM ;-)):

p:dialog 有一个 focus 属性，可以在 page 183 of the 5.3 documentation 上读取。

focus null String Defines which component to apply focus

然后page 184它说:

Focus

Dialog applies focus on first visible input on show by default which is useful for user friendliness however in some cases this is not desirable. Assume the first input is a popup calendar and opening the dialog shows a popup calendar. To customize default focus behavior, use focus attribute.

防止这种情况最有可能通过在顶部添加一个不引用值的虚拟输入并在其 onfocus 属性中给出“blur()”来实现。但您也可以使用 this other stackoverflow post 中的解决方案(使用 onShow 未接受的解决方案)