PrimeNG 对话框防止自动对焦第一个按钮

Posted

技术标签:

【中文标题】PrimeNG 对话框防止自动对焦第一个按钮【英文标题】:PrimeNG Dialog prevent autofocus on first button 【发布时间】:2018-08-27 20:24:08 【问题描述】:

我想防止在打开 PrimeNG 对话框时自动聚焦在第一个输入元素上。

<p-dialog header="User Details" [(visible)]="displayDialog" 
   [responsive]="true" showEffect="fade"
   [modal]="true" (onAfterHide)="onDialogHide()">
   <p-button icon="fa fa-fw fa-minus"
              label="Delete" class="delete-button">
    </p-button>
</p-dialog>

是否有可能阻止自动对焦?

【问题讨论】:

你能创建一个 Plunker 或分享更多代码吗? 【参考方案1】:

不确定您是否仍在寻找答案,但 p-dialog 有一个 focusOnShow 属性,默认为 true。将其设置为false 将停止关注第一个按钮。不确定这是在哪个版本的 PrimeNG 中引入的。

【讨论】:

以上是关于PrimeNG 对话框防止自动对焦第一个按钮的主要内容,如果未能解决你的问题,请参考以下文章

Vuetify 的自动对焦仅适用于第一个模态打开

无法在 ui-dialog 中删除自动对焦 [重复]

单击按钮时防止jquery ui打开第二个对话框

如何防止屏幕从PrimeNG拖动p对话框

Django“自动对焦”表单验证错误

如何锁定自动对焦