如何捕获WPF形式的网页（在WebBrowser控件中打开）的按钮单击事件？

Question

考虑一个场景，我在 WPF 应用程序中有一个 WebBrowser 控件。 网页在 WebBrowser 控件内加载。该网页包含一个按钮。 该网页是 ASP.NET 应用程序。

我想将网页的按钮单击事件捕获到 WPF 表单（托管 WebBrowser 控件）中。有什么办法可以实现这个功能吗？

Answer 1

下面的代码应该完全按照您想要的方式进行操作，并带有注释来解释正在发生的事情：

public partial class MainWindow : Window
{

    /// <summary>
    /// This is a helper class.  It appears that we can't mark the Window as ComVisible
    /// so instead, we'll use this seperate class to be the C# code that gets called.
    /// </summary>
    [ComVisible(true)]
    public class ComVisibleObjectForScripting
    {
        public MainWindow Parent;

        public void ButtonClicked()
        {
            //Do whatever you need to do.  For now, we'll just show a message box
            Parent.MessageBox.Show("Button was clicked in web page");
        }
    }

    public MainWindow()
    {
        InitializeComponent();
        //Pass an instance of our helper class as the target object for scripting
        webBrowser1.ObjectForScripting = new ComVisibleObjectForScripting{ Parent = this };
    }

    private void Window_Loaded(object sender, RoutedEventArgs e)
    {
        //Navigate to your page somehow
        webBrowser1.Navigate("http://www.somewhere.com/");
    }

    private void webBrowser1_LoadCompleted(object sender, NavigationEventArgs e)
    {
        //Once the document is loaded, we need to inject some custom JavaScript.

        //Here is the JavaScript
        var javascript = @"
//This is the JavaScript method that will forward the click to the WPF app
function htmlButtonClicked()
{
    //Do any other procession...here we just always call to the WPF app
    window.external.ButtonClicked();
}

//Find the button that you want to watch for clicks 
var searchButton = document.getElementById('theButton');

//Attach an onclick handler that executes our function
searchButton.attachEvent('onclick',htmlButtonClicked);
";

        //Grab the current document and cast it to a type we can use
        //NOTE: This interface is defined in the MSHTML COM Component
        //       You need to add a Reference to it in the Add References window
        var doc = (IHTMLDocument2)webBrowser1.Document;
        
        //Once we have the document, execute our JavaScript in it
        doc.parentWindow.execScript(javascript);
    }
}

其中一些内容取自 http://beensoft.blogspot.com/2010/03/two-way-interaction-with-javascript-in.html