Question

我正在从Delphi生成一个网页（HTML5）（编写HTML代码，保存在临时文件中，然后用嵌入的铬打开它）。我需要在chrome浏览器中获取被点击元素的div id。

这可以实现吗？

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <title>App title</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1" />
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script type="text/javascript" src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
    </head>
    <body>
        <div data-role="page" id="index">
                    <header data-role="header" data-position="fixed">
                        <h1>App header</h1>
                    </header>
                    <div data-role="content">
                        <img src="images/logo.png" />
                        <b>Autenticate</b>
                        <form method="POST" action="thelogin.php">
                            Name: <input type="text" name="name"><br>
                            Pasword: <input type="password" name="passw"><br>
                            <input type="submit" value="Login" data-inline="true" data-icon="gear">
                        </form>
                    </div>

                    <footer data-role="footer" data-position="fixed">
                        <h1>by me</h1>
                    </footer>
        </div>
    </body>
</html>

这只是一个例子。 HTML还可以包含Sliders，DatePickers，TextArea，Select菜单等等......

enter image description here

Answer 1

没关系。我找到了解决方案。它将运行时添加的所有元素的ID保存到临时表中，然后使用以下命令检查单击的元素：

frame.VisitDomProc(OnExploreDOM);

在onLoadEnd中的铬。并解析表中所有添加的元素，以查看单击ID的元素。

非常感谢。

Answer 2

是的，这可以实现。您的浏览器有一个内置的DOM，您可以通过JavaScript访问它。

我不是使用JavaScript，但是这段代码可能会让您入门：onclick Event click Javascript DOM Tutorial

Delphi与网页的互动

2 个答案: