QML WebEngineView.runJavaScript无法运行HTML Java Script方法

时间:2017-04-28 08:27:48

标签: qt qml qtwebengine qqmlapplicationengine

工作环境:Windows 7 64位,QT 5.8 64位,编译器:VS2015 64位。

使用WebEngineView我正在加载HTML页面,HTML有脚本功能

function OnClick()
{
    document.getElementById('txtName').value = "10";
}

但是使用webEngine.runJavaScript(“document.OnClick”,函数(结果){console.log(“文本框值设置为10”);});

执行功能失败。 根据我的例子,它应该将文本框值设置为10。

main.qml代码:

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.0
import QtWebEngine 1.4


ApplicationWindow {
    id: mainWindow
    width: 1024
    height: 550
    visible: true
    title: qsTr("Render Web Pages")

    WebEngineView {
        id: webEngine
        anchors.fill: parent
        url: "qrc:/Page1.html"
        settings.javascriptCanAccessClipboard: true
        settings.javascriptCanOpenWindows : true
        settings.javascriptEnabled: true
        settings.pluginsEnabled: true
        settings.autoLoadImages: true

        onLoadingChanged: {
            switch(loadRequest.status){
            case  WebEngineLoadRequest.LoadStartedStatus:
                console.log("LoadStartedStatus");
                webEngine.runJavaScript("document.OnClick", function(result) { console.log("SW->Script Runs"); });
                break;
            }

        }
    }
}

HTML网页代码:

<!-- saved from url=(0014)about:internet -->
<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript">
    function OnClick()
    {
        document.getElementById('txtName').value = "10";
    }
    </script>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>
<input type="text" id="txtName"/>
<a href="#" onclick="OnClick()">Click me</a>
</body>
</html>

为什么它无法将文本框中的值设置为10?

的任何线索

我的git code在这里。

0 个答案:

没有答案