JS实现OCX控件的事件响应示例_javascript技巧
程序员文章站
2022-04-12 13:25:25
...
JS支持OCX控件的事件(event),当OCX控件定义的事件发生时,JS可以捕获该事件并对事件进行相应的处理。
// 事件映射
BEGIN_EVENT_MAP(CH_OcxCtrl, COleControl)
EVENT_CUSTOM_ID("OnChange", eventidChange, OnChange, VTS_NONE)
END_EVENT_MAP()
好了,事件定义完成,接下来需要触发该事件,可在OCX控件的某个函数中调用OnChange()来触发事件。
OCX控件的事件定义至此完成。
MyCtrl是该控件在本页面中的OCX控件对象ID(name好像也可以,没有试过),可在javascript中操作该对象。
OnChange()是OCX控件中的事件,这里的事件名称必须与OCX控件中的事件名称一样。
如果事件带参数,当触发事件的时候,OCX控件会传递相应的参数,例如事件有两个参数p1和p2,可写为event = “OnChange(param1,param2)”,此时param1、param2会对应接收到p1、p2,同理Call(param1,param2)。
写的仓促,语言表达不是很清晰,基本思路是这样,用以备忘。
个人理解,其实就是事件的响应由谁来完成,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中的对事件的响应,代码如下,
复制代码 代码如下:
MyCtrl是该控件在本页面中的OCX控件对象ID(name好像也可以,没有试过),可在javascript中操作该对象。
OnChange()是OCX控件中的事件,这里的事件名称必须与OCX控件中的事件名称一样。
如果事件带参数,当触发事件的时候,OCX控件会传递相应的参数,例如事件有两个参数p1和p2,可写为event = “OnChange(param1,param2)”,此时param1、param2会对应接收到p1、p2,同理Call(param1,param2)。
复制代码 代码如下:
写的仓促,语言表达不是很清晰,基本思路是这样,用以备忘。
上一篇: js动画学习(二)
下一篇: Vue.js的组件之间通信
推荐阅读
-
js实现屏蔽默认快捷键调用自定义事件示例_javascript技巧
-
上传图片预览JS脚本 Input file图片预览的实现示例_javascript技巧
-
js中事件的处理与浏览器对象示例介绍_javascript技巧
-
js实现点小图看大图效果的思路及示例代码_javascript技巧
-
JS实现动态给标签控件添加事件的方法示例
-
Js实现双击鼠标自动滚动屏幕的示例代码_javascript技巧
-
JS 实现Table相同行的单元格自动合并示例代码_javascript技巧
-
JS实现动态给标签控件添加事件的方法示例
-
JavaScript调用Activex控件的事件的实现方法_javascript技巧
-
JS 实现Table相同行的单元格自动合并示例代码_javascript技巧