JS實現OCX控件的事件響應示例

 JS支持OCX控件的事件（event），當OCX控件定義的事件發生時，JS可以捕獲該事件並對事件進行相應的處理。

個人理解，其實就是事件的響應由誰來完成，OCX控件自身肯定是可以實現的，JS提供的這種機制使JS也可以完成OCX控件事件的響應。

簡單舉例如下：

首先在OCX控件中添加自定義事件（預定義事件同理，如鼠標點擊等，沒親自試，感覺原理應該是一樣的），

事件應該是屬於窗口的，所以在Ctrl類上單擊右鍵，Add->Add Event，如下圖：

在打開的對話框中輸入事件名稱，例如OnChange，如果需要參數，設置參數信息，點擊 [ 完成 ]，向導自動生成代碼，如下

 

代碼如下:
// 事件映射
BEGIN_EVENT_MAP(CH_OcxCtrl, COleControl)
EVENT_CUSTOM_ID("OnChange", eventidChange, OnChange, VTS_NONE)
END_EVENT_MAP()

好了，事件定義完成，接下來需要觸發該事件，可在OCX控件的某個函數中調用OnChange()來觸發事件。
OCX控件的事件定義至此完成。

 

接下來是JS中的對事件的響應，代碼如下，

 

 代碼如下:
<script language="javascript" for="MyCtrl" event="OnChange()" type="text/javascript">
Call(); //也可直接寫操作代碼
</script>

MyCtrl是該控件在本頁面中的OCX控件對象ID（name好像也可以，沒有試過），可在javascript中操作該對象。
OnChange()是OCX控件中的事件，這裡的事件名稱必須與OCX控件中的事件名稱一樣。
如果事件帶參數，當觸發事件的時候，OCX控件會傳遞相應的參數，例如事件有兩個參數p1和p2，可寫為event = “OnChange(param1,param2)”，此時param1、param2會對應接收到p1、p2，同理Call(param1,param2)。

 

 

 代碼如下:
<script type="text/javascript" Language=Javascript>
function Call(param1,param2)
{
alert(param1+param2); //操作代碼
}
</script>

寫的倉促，語言表達不是很清晰，基本思路是這樣，用以備忘。