title: How can a Tab or Enter Key jump a Control in QML
body: <p>What i want to do here is to prevent the <code>tab</code> and <code>enter</code> to jump the focus to a specific control but go to the next.</p>
  
  <p>So for example lets say i have 3 sequencial <code>TextField</code>
  i'm focused on the first <code>TextField</code> now i press <code>tab</code> and instead of jumping to the second <code>TextField</code> the focus goes to the third <code>TextField</code>.</p>
  
  <p>A full code example:</p>
  
  <pre><code>import QtQuick 2.9
  import QtQuick.Controls 2.2
      import QtQuick.Layouts 1.3
  
  ApplicationWindow {
      id: window
      title: "Stack"
      visible: true
      width: 1400
  
      Page {
          id: page
          anchors.fill: parent
          property int responsiveWidth: 1000
          property int maximumWidth: 900
  
          ScrollView {
              id:configScroll
              anchors.fill: parent
              function scrollToY(y) { 
                  configScroll.flickableItem.contentY = y-30
              }
              GridLayout {
                  columns: 2
                  Keys.onPressed: {
                      if(event.key==Qt.Key_Return)
                      for (var i = 0; i &lt; children.length; ++i)
                          if (children[i].focus) {
                              children[i].nextItemInFocusChain().forceActiveFocus()
                              break
                          }
                  }
                  width: page.width &gt; page.responsiveWidth ? page.maximumWidth : page.width
                  anchors.top: parent.top
                  anchors.left: parent.left
                  anchors.leftMargin: page.width &gt; page.responsiveWidth ? (page.width - childrenRect.width)/2 : 10
                  anchors.rightMargin: page.width &gt; page.responsiveWidth ? 0 : 10
  
  
                      Label {
                          text: "Company Name"
                          color: "red"
                          Layout.fillWidth: true
                      }
  
                      TextField  {
                          objectName: "company_name"
                          font.bold: true
                          Layout.fillWidth: true
                          Layout.rightMargin: 10
                          onFocusChanged: if(focus) { configScroll.scrollToY(y); }
                      }
  
  
                      Label {
                          text: "tab or enter passes this TextField"
                          color: "red"
                          Layout.fillWidth: true
                      }
  
                      TextField  {
                          objectName: "company_name2"
                          font.bold: true
                          Layout.fillWidth: true
                          Layout.rightMargin: 10
                          onFocusChanged: if(focus) { configScroll.scrollToY(y); }
                      }
  
                      Label {
                          text: "label"
                          color: "red"
                          Layout.fillWidth: true
                      }
  
                      TextField  {
                          objectName: "company_name"
                          font.bold: true
                          Layout.fillWidth: true
                          Layout.rightMargin: 10
                          onFocusChanged: if(focus) { configScroll.scrollToY(y); }
                      }
              }
          }
      }
  }
  </code></pre>