如何用MouseArea覆盖行？

ListView {
    id: listView
    width: 200
    height: 300
    model: myModel

    delegate: Item {
        width: listView.width
        height: 50

        Rectangle {
            width: parent.width
            height: parent.height
            color: "lightblue"

            MouseArea {
                anchors.fill: parent
                onClicked: {
                    // 处理点击事件
                    console.log("行被点击了")
                }
            }
        }

        // 其他行内容
        Text {
            text: modelData
            anchors.centerIn: parent
        }
    }
}