asp.net - Webページ(WebBrowserコントロール内で開かれた)のボタンクリックイベントをWPF形式でキャプチャする方法は?

Question

WPF アプリケーションに WebBrowser コントロールがあるシナリオを考えてみましょう。Web ページが WebBrowser コントロール内に読み込まれます。Web ページにはボタンが含まれています。Web ページは ASP.NET アプリケーションです。

Web ページのボタン クリック イベントを (WebBrowser コントロールをホストする) WPF フォームにキャプチャしたいと考えています。この機能を実現する方法はありますか?

ありがとう、

タパン

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 void ButtonClicked()
        {
            //Do whatever you need to do.  For now, we'll just show a message box
            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();
    }

    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から取得されました