在 WebEngineView qml 中获取光标位置

Question

我在 Qt 中有一个程序，其中有一个 WebEngineView。我想当我的用户点击 webEngine 中的输入框时，一个键盘已经加载并且输入框从我的键盘获取它的内容（我写了我自己的键盘）但是我做不到。我尝试下面的代码但不起作用

WebEngineView {
    anchors.fill:parent
    id:webEng
    url: "https://example.com"
    visible: true
    MouseArea {
        id : mousearea
        anchors.fill: parent
        onClicked: {
           mykeyboard.visible=true;
        }  
    }
}

Answer 1

这不是一个完整的答案，但这段代码可能会有所帮助：

import QtQuick 2.10
import QtWebView 1.1
import QtQuick.Controls 1.4
import QtWebEngine 1.7

Item {
    width: 1280
    height: 720

    WebView { // or WebEngineView {
        id: webview
        width: 1280
        height: 720
        url: "http://google.com"
        visible: true

        onLoadingChanged: {
            if (loadRequest.status === WebView.LoadSucceededStatus) {
                console.log("Loaded!!")

                webview.runJavaScript('
                    var input = document.getElementById("lst-ib");
                    input.addEventListener("click", function() {
                        alert("Clicked!");
                    });
                    '
                )
            }
        }
    }

    Rectangle {
        id: myDummyKeyboard
        anchors.bottom: parent.bottom
        width: parent.width
        height: 100
        color: "gray"
        visible: true
        border.width: 20
        Button {
            anchors.centerIn: parent
            text: "Dummy"
            onClicked: {
                webview.runJavaScript('document.getElementById("lst-ib").value += "' + text + '"');
            }
        }
    }
}

• WebView（或WebEnginView）中的部分允许在单击输入时显示警报。但是，缺少一些东西，将其链接到 QML 处理程序。解决方案可能是使用 @folibis 在 cmets 中所说的 WebChannel 或 WebEngineScript。
• myDummyKeyboard 定义的部分允许在用户单击矩形中的按钮时将字符串添加到输入中（假键盘）。