QML TextField背景中MouseArea仅触发hover事件问题咨询

环境信息 #

• Windows 11
• Qt 6.9 + MinGW_64
• 导入语句：

import QtQuick 2.14
import QtQuick.Controls.Basic 2.15

问题代码及现象 #

最初尝试在TextField的background中嵌套MouseArea，代码如下：

TextField{
    width:200
    height: 30
    background: Rectangle{
        anchors.fill: parent
        radius: 15
        MouseArea{
            anchors.fill: parent
            hoverEnabled: true
            onEntered:
                cursorShape=Qt.PointingHandCursor
            onExited:
                cursorShape=Qt.ArrowCursor
            onClicked:
                console.log("clicked")
            onPressed:
                console.log("pressed")
            onReleased:
                console.log("release")
        }
    }
}

实际运行现象：

• 鼠标移入/移出时，光标样式正常切换为PointingHandCursor和ArrowCursor
• 点击操作无任何打印输出，但点击文本时光标位置会变化

原因分析 #

TextField作为原生输入控件，内部自带处理点击、聚焦的逻辑区域。当在background内嵌套MouseArea时，点击、按下、释放这类事件会被TextField的内部逻辑优先拦截处理，导致背景中的MouseArea接收不到这些事件；而Hover事件不受影响，因为TextField本身不会拦截Hover事件。

可行解决方案 #

将MouseArea直接作为TextField的同级子项，覆盖整个TextField区域，同时在点击时手动触发TextField的聚焦，代码如下：

TextField{
    width:200
    height: 30
    background: Rectangle{
        anchors.fill: parent
        radius: 15
    }
    MouseArea{
        anchors.fill: parent
        hoverEnabled: true
        onEntered:
            cursorShape=Qt.PointingHandCursor
        onExited:
            cursorShape=Qt.ArrowCursor
        onClicked :function(mouse)
        {
            console.log("clicked")
            parent.forceActiveFocus();
        }
    }
}

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