JS實現OCX控制項的事件響應樣本

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>

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