My device doesn't have a back button，so I use mousearea position changed to implement this function。

     Now we have a problem, two overlapping mousearea: when the top mousearea captures the mouse event, the bottom mousearea does not respond。

 

Item {

// Mouse positionchanged occurred in this area, and rootmouseareaid could not capture this event
     Item {
     anchors.centerIn: parent
     MouseArea

{            anchors.fill: parent           // to do something      }

    MouseArea 

{          id: rootmouseareaid          anchors.fill: parent          // to go back      }

}