0

我一直无法为我的问题找到明确的答案。

我目前有一个 QWebView 控件加载我硬盘驱动器上的 html 文件，该文件使用 javascript 操作实现矢量地图。html 文件加载 jvectormap 美国各州地图。任何状态的点击动作都会触发与 showCities 函数相关联的 onRegionClick 动作，该函数的事件和代码参数由 jquery-jvectormap.js 文件中实现的 onRegionClick 方法处理。html文件如下：

<!DOCTYPE html>

<html lang="en">
<head>

    <link rel="stylesheet" href="styles/style2.css" type="text/css"/>


    <link rel="stylesheet" media="all" href="styles/jquery-jvectormap.css"/>
    <script src="js/jquery.tools.min.js"></script>
    <script src="js/jquery-jvectormap.js"></script>
    <script src="js/jquery-jvectormap-us-en.js"></script>
    <script>
        $(function() {
            $('.map').vectorMap({
                map: 'us_en',
                color: 'green',
                hoverColor: 'blue',
                onRegionClick: showCities
            });
        });
        function showCities(event, code) {
            return code;

        }


    </script>
</head>


<body>



    <div id="front">


        <div class="map"></div>

        </div>


</body>
</html>

以及Qt中的mainwindow.h头文件信息：

#ifndef MAINWINDOW_H
#define MAINWINDOW_H

#include <QMainWindow>
#include <QUrl>
namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
    Q_OBJECT

public:
    explicit MainWindow(QWidget *parent = 0);
    ~MainWindow();

private slots:

    void on_webView_linkClicked(const QUrl &arg1);


private:
    Ui::MainWindow *ui;

};

#endif // MAINWINDOW_H

然后是 MainWindow.cpp 文件：

#include "mainwindow.h"
#include "ui_mainwindow.h"
#include <QMessageBox>
#include <QtGui>
#include <QtCore>
#include <QDebug>
#include <QtWebKit>
#include <QWebSettings>

MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
{
   ui->setupUi(this);
   ui->webView->page()->setLinkDelegationPolicy(QWebPage::DelegateAllLinks);
   ui->webView->settings()->setAttribute(QWebSettings::JavascriptEnabled, true);
   connect(ui->webView,SIGNAL(linkClicked(QUrl)),this,SLOT(on_webView_linkClicked(QUrl)));

}

MainWindow::~MainWindow()
{
    delete ui;
}


void MainWindow::on_webView_linkClicked(const QUrl &arg1)
{
    QMessageBox::information(this,"Title","Test");

}

当我单击任何特定区域时，不会触发/触发 on_webView_linkClicked 函数。单击的任何区域都旨在返回一个字符串。当我在网页上尝试此操作时，例如http://www.google.com， on_WebView_linkClicked 函数中的 QMessageBox 实际上会触发/触发一个显示 QMessageBox 的事件。

这里的目标是让函数 showCities 的 html 文件中返回的 javascript 字符串显示在 on_webView_linkClicked 事件中。显然，linkClicked 操作没有将 javascript 返回识别为链接，因此在使用 jquery 矢量地图时它保持沉默。

我已经到处搜索了这个，我能得到的唯一答案是，如果矢量图中的这些区域附加了 url 链接，它可能会起作用，但是我在这些区域中嵌入的虚拟链接不会导致 on_webView_linkClicked 事件触发。

谢谢你的帮助 ：）

4

2 回答 2

2

您可以将 QObject（例如您的 MainWindow）注入 JavaScript。一旦您的 JavaScript 函数被调用，您就可以将该调用转移到注入的对象。

不是完整的代码，但给出一个想法：

主窗口.h

class MainWindow : public QMainWindow
{
    Q_OBJECT

    ...

public slots:

    void jsInjection();

    void showCities(const QString &code);
}

主窗口.cpp

MainWindow::MainWindow()
{
    ...

    connect(ui->webView->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()),
            this, SLOT(jsInjection()));
}

void MainWindow::jsInjection()
{
    ui->webView->page()->mainFrame()->addToJavaScriptWindowObject("qtMainWindow", this);
}

void MainWindow::showCities(const QString &code)
{
    // Do smth with code...
}

在 HTML JS

function showCities(event, code) {
    qtMainWindow.showCities(code);
}
于 2013-01-02T22:06:19.700 回答
0

恕我直言，以下解决方案更简单：

主窗口.h

protected slots:
    void showCities();

主窗口.cpp

//in constructor
//make sure that page already loaded
webView->page()->mainFrame()->addToJavaScriptWindowObject("qt", this);


// implement function
void MainWindow::showCities()
{
    // do what you want to do
}

abc.js

qt.showCities();
于 2014-02-24T09:29:14.330 回答