MouseArea对象详解

在QML中，MouseArea对象用于捕获鼠标事件并处理用户输入。它可以设置多种属性，如宽度、高度、光标形状、鼠标事件处理函数等等。以下是一些常见的属性：

• width：指定MouseArea对象的宽度。
• height：指定MouseArea对象的高度。
• cursorShape：指定当鼠标悬停在MouseArea对象上方时，鼠标光标的形状。
• onClicked：指定当鼠标单击MouseArea对象时，要执行的JavaScript函数。
• onPressed：指定当鼠标按下MouseArea对象时，要执行的JavaScript函数。
• onReleased：指定当鼠标释放MouseArea对象时，要执行的JavaScript函数。

以下是一些使用MouseArea对象处理不同类型鼠标事件的示例：

1.处理单击事件：

Rectangle {
    width: 100
    height: 100
    color: "red"
    MouseArea {
        anchors.fill: parent
        onClicked: console.log("Rectangle clicked")
    }
}

 2. 处理按下事件：

Rectangle {
    width: 100
    height: 100
    color: "red&#