qmlキーボードを使用したWebページのテキスト要素の処理

Question

Qt Web Kit 1.0を使用してWebページを開きます。 qmlで書かれたキーボードがあります。このキーボードを使用して、HTMLページのテキストボックスにテキストを入力します。

私はgmail.comをオープンしました。今、私はユーザー名とパスワードを記入したいと思います。しかし、ウェブページのこのテキスト要素をクリックすると、キーボードを使用して使用するためにどのようなイベントを処理する必要がありますか？そして、このページのユーザー名フィールドに設定するために、キーボードから生成されたこのテキストをどこで正確に送信しますか？

Answer 1

あなたはWebViewにいくつかのカスタムJavaScriptコードを評価することで、テキストフィールドの値を変更することができます。

webViewId.evaluateJavaScript("document.getElementById('textInputId').value = '" + yourValueString + "'") 

ドキュメントhereを。

編集：あなたはjavaScriptWindowObjectsプロパティを参照することができ、キーボードの活性化のために ：あなたは、例えば、身体onloadイベントで、またはテキストフィールドonfocusイベントで、それをアクティブにすることができます。

EDIT2： 私は私が言うことをしようとしているかを説明する簡単な例を追加します。私はあなたがKeyboardと呼ばれるQMLのカスタムアイテムを持っていると仮定し

、この項目はいつでも呼ばれる信号onKeyPressを持っていることキーが押された。

WebView { 
    id: webViewId 
    javaScriptWindowObjects: QtObject { 
     WebView.windowObjectName: "qml" 

     function showKeyboard { 
      keyboardId.opacity = 1; 
     } 
    } 

    onLoadFinished: { 
     evaluateJavaScript("document.getElementById('textInputId').onfocus = window.qml.showKeyboard;") 
    } 
} 

Keyboard { 
    id: keyboardId 
    opacity: 0 

    onKeyPress: { 
     webViewId.evaluateJavaScript("document.getElementById('textInputId').value += '" + keyValue + "'") 
    } 
}