手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS实现OCX控件的事件响应示例
JS实现OCX控件的事件响应示例
摘要:JS支持OCX控件的事件(event),当OCX控件定义的事件发生时,JS可以捕获该事件并对事件进行相应的处理。个人理解,其实就是事件的响应...

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>

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

【JS实现OCX控件的事件响应示例】相关文章:

js实现精美的银灰色竖排折叠菜单

JavaScript实现斗地主游戏的思路

JQuery实现带排序功能的权限选择实例

基于jQuery实现的无刷新表格分页实例

JS实现浏览器菜单命令

Javascript实现的SHA-256加密算法完整实例

JS获取当前脚本文件的绝对路径

Node.js实现JS文件合并小工具

JS实现简洁、全兼容的拖动层实例

多附件上传组件演示

精品推荐
分类导航