DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JS實現OCX控件的事件響應示例
JS實現OCX控件的事件響應示例
編輯:JavaScript綜合知識     

 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>


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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved