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>


写的仓促，语言表达不是很清晰，基本思路是这样，用以备忘。



有用  |  无用 取消

猜你喜欢