MouseArea
    {
        anchors.top: parent.top
        anchors.left: parent.left
        width: parent.width * 0.75
        height: parent.height * 0.75
        hoverEnabled: true
        onContainsMouseChanged: console.log("contains mouse changed", containsMouse)

        Rectangle {
            anchors.fill: parent
            color: "yellow"
        }
    }

    MouseArea
    {
        anchors.centerIn: parent
        width: parent.width * 0.75
        height: parent.height * 0.75
        hoverEnabled: true

        onPressed:
        {
            mouse.accepted = false
        }

        Rectangle {
            anchors.fill: parent
            color: "green"
        }
    }