NET webbrowser - 通过单击图像获取HTML元素ID

时间:2017-09-09 18:41:28

标签: c# winforms webbrowser-control

我有一个带有webbrowser控件的C#winform项目。我正在将带有图像的HTML页面加载到webbrowser中。每张图片都有不同的ID:

<img src="F:\Temp\file12948.jpg" id="12948" width="180px">

有没有办法在点击图片时将ID传递给变量,以便我可以在我的代码中使用ID?也可以使用图像的路径,因为我可以从那里提取数字。

我已经在这里和世界各地寻找解决方案,但无法找到任何相关内容。

2 个答案:

答案 0 :(得分:2)

您可以动态附加到图片的 onClick 事件。

public class TestForm : Form
{
    WebBrowser _WebBrowser = null;
    public TestForm()
    {
        _WebBrowser = new WebBrowser();
        _WebBrowser.ScriptErrorsSuppressed = true;
        _WebBrowser.Dock = DockStyle.Fill;
        this.Controls.Add(_WebBrowser);

        WebBrowserDocumentCompletedEventHandler Completed = null;

        Completed = (s, e) =>
        {
            //add onclick event dynamically
            foreach (var img in _WebBrowser.Document.GetElementsByTagName("img").OfType<HtmlElement>())
            {
                img.AttachEventHandler("onclick", (_, __) => OnClick(img));
            }

            _WebBrowser.DocumentCompleted -= Completed;
        };

        _WebBrowser.DocumentCompleted += Completed;

        var imgurl = "https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png";
        //_WebBrowser.Navigate("http://edition.cnn.com/2017/09/09/us/hurricane-irma-cuba-florida/index.html");
        _WebBrowser.DocumentText = $"<html>  <img src='{imgurl}' id=123 />  </html>";
    }

    void OnClick(HtmlElement img)
    {
        MessageBox.Show(img.GetAttribute("id"));
    }
}

答案 1 :(得分:1)

简单的方法是使用浏览器导航。单击时可以导航到特殊URL,然后处理导航事件,如果URL是特殊URL,则取消导航并处理数据。

public MainWindow()
{
    InitializeComponent();
    br.NavigateToString(@"<a href=""http://messages?id=12948""><img src=""F:\Temp\file12948.jpg"" id=""12948"" width=""180px"" ></a>");
    br.Navigating += this.Br_Navigating;
}

private void Br_Navigating(object sender, NavigatingCancelEventArgs e)
{
    if(e.Uri.Host == "messages")
    {
        MessageBox.Show(e.Uri.Query);
        e.Cancel = true;
    }
}

如果您可以控制HTML,则可以使用此功能。如果您不想添加锚,也可以从JS设置URL。

修改

以上版本适用于WPF应用程序。 winforms版本如下:

public Form1()
{
    InitializeComponent();
    webBrowser1.DocumentText = @"<a href=""http://messages?id=12948""><img src=""F:\Temp\file12948.jpg"" id=""12948"" width=""180px"" ></a>";
    webBrowser1.Navigating += this.webBrowser1_Navigating;

}

private void webBrowser1_Navigating(object sender, WebBrowserNavigatingEventArgs e)
{
    if (e.Url.Host == "messages")
    {
        MessageBox.Show(e.Url.Query);
        e.Cancel = true;
    }
}