假设我已将一些 HTML 加载到 WebView。假设这个 HTML 包含一些 DIV 元素。我可以在渲染后确定这个 DIV 元素的几何位置吗？这样我就可以跟踪鼠标点是否在它上面。
更新
是的，问题是关于不是我的外部网页。我想用 Java 对页面进行一些彻底的探索。
我读到WebView 是用WebKit 实现的。那么是否可以从 Java 访问任何 WebKit 内部？
还有。除了已经加载的页面并调用offset()函数之外，是否可以下载jquery？
【问题讨论】：
标签： java dom webview webkit javafx
没有办法（据我所知）获取 div 的屏幕坐标。
但是，您可以从 Javascript 回调您的 Java 代码。因此，您可以编写少量 Javascript 来检测鼠标何时进入和退出 div，并调用一些更新 BooleanProperty 的 Java 代码，例如。请参阅WebEngine API docs 中的“从 Javascript 回调 Java”。
更新：示例
更新：简化代码
import org.w3c.dom.Document;
import org.w3c.dom.Element;
import netscape.javascript.JSObject;
import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.beans.property.BooleanProperty;
import javafx.beans.property.SimpleBooleanProperty;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.concurrent.Worker.State;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.BorderPane;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
public class HTMLMouseOverTest extends Application {
@Override
public void start(Stage primaryStage) {
final BorderPane root = new BorderPane();
final WebView webView = new WebView();
final WebEngine engine = webView.getEngine();
final BooleanProperty mouseOver = new SimpleBooleanProperty();
engine.getLoadWorker().stateProperty().addListener(new ChangeListener<State>() {
@Override
public void changed(ObservableValue<? extends State> observable,
State oldValue, State newValue) {
if (newValue == State.SUCCEEDED) {
// Here's how to add the Javascript if you don't have
// direct access to the HTML:
// final Document doc = engine.getDocument();
// Element div = doc.getElementById("important-div");
// div.setAttribute("onmouseover", "mouseOverProperty.set(true)");
// div.setAttribute("onmouseout", "mouseOverProperty.set(false)");
final JSObject window = (JSObject) engine.executeScript("window");
window.setMember("mouseOverProperty", mouseOver);
}
}
});
engine.loadContent("<html><body style='font-family:sans-serif';><h2>Hello World</h2>"+
"<div id='important-div' onmouseover='mouseOverProperty.set(true)'"+
"onmouseout='mouseOverProperty.set(false)' style='background: #ffd; padding:40px;'>"+
"Move mouse here</div>"+
"<h3>Thanks and good night</h3></body></html>");
root.setCenter(webView);
final Label label = new Label();
label.textProperty().bind(Bindings.when(mouseOver).then("Mouse in position").otherwise("Mouse out of area"));
root.setBottom(label);
final Scene scene = new Scene(root, 400, 250);
primaryStage.setScene(scene);
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
【讨论】：
渲染发生在客户端。在服务器上获取这些信息的唯一方法是编写 JS 代码来收集这些数据，然后将它们发送到服务器。
仅通过服务器端代码无法做到这一点
【讨论】：