QML 6.4中如何让Enter键聚焦ComboBox但不弹出下拉列表？

在QML 6.4环境中，TextField左侧放置ComboBox，用户按下小键盘Enter键时希望焦点切换到右侧ComboBox，但调用forceActiveFocus()后ComboBox会自动弹出下拉列表，而Tab键切换焦点则不会出现此问题。尝试设置event.handled=true、指定Qt.TabFocusReason等方法均无效，需实现Enter键与Tab键一致的仅聚焦不弹出效果。

原始代码示例 #

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

ApplicationWindow {
    height: 400
    visibility: Window.Windowed
    visible: true
    width: 600

    RowLayout {
        anchors.fill: parent

        TextField {
            Layout.fillWidth: true
            Layout.preferredHeight: 30

            Keys.onEnterPressed: combo.forceActiveFocus()
        }
        ComboBox {
            id: combo

            Layout.fillWidth: true
            Layout.preferredHeight: 30
            model: ['option 1', 'option 2']
        }
    }
}

尝试过的无效方案 #

• 设置event.handled=true：

  Keys.onEnterPressed: function (event) {
      event.handled = true
      combo.forceActiveFocus();
  }
  

• 调用combo.forceActiveFocus(Qt.TabFocusReason)
• 自定义TextField的Keys.onTabPressed事件

解决方案 #

核心思路是确保TextField完全处理Enter事件，同时让ComboBox以Tab焦点原因获取焦点，并在ComboBox获得焦点后主动关闭弹出层，避免因事件传递触发下拉。

修改后的代码如下：

import QtQuick
import QtQuick.Controls
import QtQuick.Layouts

ApplicationWindow {
    height: 400
    visibility: Window.Windowed
    visible: true
    width: 600

    RowLayout {
        anchors.fill: parent

        TextField {
            Layout.fillWidth: true
            Layout.preferredHeight: 30

            Keys.onEnterPressed: function(event) {
                event.handled = true;
                // 延迟调用确保Enter事件完全处理完毕，避免传递到ComboBox
                Qt.callLater(function() {
                    combo.forceActiveFocus(Qt.TabFocusReason);
                });
            }
        }
        ComboBox {
            id: combo

            Layout.fillWidth: true
            Layout.preferredHeight: 30
            model: ['option 1', 'option 2']

            // 以Tab焦点原因获取焦点时，主动关闭弹出层
            onActiveFocusChanged: {
                if (activeFocus && focusReason === Qt.TabFocusReason) {
                    popup.close();
                }
            }
        }
    }
}

原理说明 #

1. 使用Qt.callLater延迟调用forceActiveFocus，确保TextField的Enter事件已完全处理，不会传递到刚获得焦点的ComboBox。
2. 指定Qt.TabFocusReason作为焦点切换原因，让ComboBox识别为Tab键切换的焦点行为。
3. 在ComboBox的onActiveFocusChanged事件中，判断焦点来源为Tab时主动关闭弹出层，完全对齐Tab键切换的效果。

内容的提问来源于stack exchange，提问作者Niels