vc++訪問javascript(5)–綁定網頁元素的事件

 

在VC++中綁定網頁元素的事件（如onclick），通常會使用HTMLElementEvents2事件介面進行。大致如下：

void   CSomeObject:ConnectElement(IHTMLElement*   pElement)   

{

//取得連接點容器

CComQIPtr<IConnectionPointContainer> pCPC=pElement; 

//尋找連接點

CComPtr<IConnectionPoint> pCP;

pCPC->FindConnectionPoint( DIID_HTMLElementEvents2, &pCP);

//串連事件介面

IUnknownPtr pUnk=this; //由CSomeObject實現HTMLElementEvents2事件介面

DWORD dwCookie;

pCP->Advise( pUnk, &dwCookie);

}

 

而在javascript中使用attachEvent綁定網頁元素事件的方式卻顯得更自然，實現也更直接，我們是否也可以用VC++實現呢？

1. function fn_onclick()
2. {
3.    alert("Hello world!");
4. }
6. document.all("button1").attachEvent("onclick",fn_onclick);
7. document.all("button1").detachEvent("onclick",fn_onclick);

先看看在PIMShell中用VC++是怎樣實現以上功能的。

1. class ATL_NO_VTABLE CVCEventSinkDemo:
2.  public IDispatchImpl<IVCEventSinkDemo>
3. {
4. public:
5.  CVCEventSinkDemo()
6.  {
7.  }
9.  DECLARE_PROTECT_FINAL_CONSTRUCT()
11.  HRESULT FinalConstruct()
12.  {
13.   return S_OK;
14.  }
16.  void FinalRelease()
17.  {
18.  }
20. private:
22.    //代理對象
23.    PIMShellCore::IAjaxDelegatePtr m_pDelegate_onevents;
25.    //回呼函數
26.    static HRESULT CALLBACK Sink_onevents( VARIANT vEvent, VARIANT vContext, IUnknown* pInstance, VARIANT* pvarResult);
28.    //綁定事件或取消綁定
29.    void __attachEvents(bool bAttach);
30. };
32. ////////////////////////////////////////////////////
33. void CVCEventSinkDemo::__attachEvents(bool bAttach)
34. {
35.    if(bAttach)
36.    {
37.       //產生一個代理對象，傳入this指標和回呼函數
38.       IUnknownPtr pThis=this;
39.       m_pDelegate_onevents = o->Sys2->CreateDelegateVC1( pThis, (LONGLONG)&Sink_onevents);
41.       //綁定事件
42.        o->Control->AttachEvent(L"onclick", m_pDelegate_onevents);
43.    }
44.    else
45.    {
46.       if(m_pDelegate_onevents!=NULL)
47.       {
48.          //取消綁定
49.           o->Control->DetachEvent( L"onclick", m_pDelegate_onevents);
50.          //
51.          m_pDelegate_onevents=NULL;
52.       }
53.    }
54. }
56. //當事件發生時，調用此函數
57. HRESULT CVCEventSinkDemo::Sink_onevents( VARIANT vEvent, VARIANT vContext, IUnknown* pInstance, VARIANT* pvarResult)
58. {
59. __SAFECALL_BEGIN;
61.  //取得this指標
62.  CVCEventSinkDemo* pThis=dynamic_cast<CVCEventSinkDemo*>(pInstance);
64.  //取得event對象
65.  MSHTML::IHTMLEventObjPtr e=vEvent.pdispVal;
67.  //event.type
68.  CString sType=e->type;
70.  //
71.  if(sType==L"click")
72.  {
73.      //執行響應代碼
74.  }
76. __SAFECALL_END;
77. }

1、先產生一個代理對象，這個對象記錄CVCEventSinkDemo的執行個體指標和回呼函數，與C#中delegate的設計理念一致。

2、將代理對象傳入attachEvent實現對onclick事件的綁定。

3、當事件發生時，系統調用代理對象的0方法，

4、在代理對象的0方法中，調用先前記錄的回呼函數，並將CVCEventSinkDemo的執行個體指標傳入。

 

 

我們接下來看看CreateDelegateVC1是如何組建代理程式對象的。

1. HRESULT CreateDelegateVC1( IUnknown* pInstance, LONGLONG lnCallback, IDispatch** ppDelegate)
2. {
3.    //組建代理程式對象
4.    CComObject<CVCDelegateDemo>* pDelegate;
5.    HRESULT hr=CComObject<CVCDelegateDemo>::CreateInstance(&pDelegate);
6.    if(FAILED(hr))
7.       return hr;
9.    //記錄執行個體指標和回呼函數
10.    pDelegate->__record(pInstance,lnCallback);
12.    //ok
13.    return pDelegate->QueryInterface(IID_IDispatch,(void**)ppDelegate);
14. }

接下來，我們看CVCDelegateDemo的0方法是如何?的

1. class ATL_NO_VTABLE CVCDelegateDemo:
2.  public IDispatchImpl<CVCDelegateDemo>
3. {
4. public:
5.  CVCDelegateDemo()
6.  {
7.  }
9.  DECLARE_PROTECT_FINAL_CONSTRUCT()
11.  HRESULT FinalConstruct()
12.  {
13.   return S_OK;
14.  }
16.  void FinalRelease()
17.  {
18.  }
20. //聲明回呼函數的格式
21. typedef HRESULT (CALLBACK* _delegateVC1)( VARIANT vParam1, VARIANT vContext, IUnknown* pInstance, VARIANT* pvarResult);
23. private:
25.     IUnknownPtr       m_pInstance;
26.     _delegateVC1      m_pCallback1;
28. public:
29.     
30.     //record
31.     void __record(IUnknown* pInstance,LONGLONG lnCallback)
32.     {
33.         //記錄執行個體指標和回呼函數
34.          this->m_pInstance=pInstance;
35.         this->m_pCallback1=(_delegateVC1)lnCallback;
36.     }
38. public:
40.     //實現0方法,並調用回呼函數
41.     STDMETHOD(Invoke)( DISPID dispidMember, REFIID riid, LCID lcid, WORD wFlags,
42.                        DISPPARAMS* pDispParams, VARIANT* pvarResult,
43.                        EXCEPINFO*  pExcepInfo,  UINT* puArgErr)
44.     {
45.        //只支援0方法
46.         if(dispidMember!=0)
47.           return E_INVALIDARG;
49.        //如果是通過attachEvent綁定網頁元素的事件，那麼傳入的第一個參數就是event對象
50.         _variant_t vEvent=pDispParams->rgvarg[0];
52.       //調用回呼函數，傳入event對象和執行個體指標
53.        (*m_pCallback1)(vEvent,vtMissing,m_pInstance,pvarResult);
55.       //ok
56.       return  S_OK; 
57.     }
58. };