JavaScript调用ActiveX控件的事件的实现方法是客户端编程中的一个重要技巧，特别是在与旧版浏览器或特定系统交互时。ActiveX控件是微软的一种技术，允许在网页中嵌入可执行代码，常用于访问本地资源或提供特殊功能。本文将深入探讨如何使用JavaScript与ActiveX控件进行交互，特别是如何处理控件的事件。
传统的实现方式是通过在HTML中直接内联JavaScript代码，使用`<SCRIPT>`标签的`FOR`和`EVENT`属性来绑定事件处理程序。例如：
```html
<SCRIPT type="text/javascript" FOR="activexID" EVENT="onXXXevent()">
// js 处理具体内容。
</SCRIPT>
```
当ActiveX控件的`onXXXevent()`事件被触发时，这段JavaScript代码会被执行。然而，这种方法的缺点是会污染HTML源代码，尤其当需要处理多个事件时，会导致代码难以管理和维护。
为了解决这个问题，可以使用`attachEvent`方法将事件处理程序分离到外部JavaScript文件中。`attachEvent`是IE浏览器特有的，用于添加事件监听器。例如：
```javascript
<script type='text/javascript'>
function onXXXevent(){
// js内容
}
activexID.attachEvent("onXXXevent", onXXXevent);
</script>
```
这样，`onXXXevent`函数会在ActiveX控件的`onXXXevent`事件触发时被调用，同时代码组织也更加清晰，便于维护。
`attachEvent`的使用需要注意，它会按照添加事件处理程序的顺序执行，即后来添加的先执行。例如，如果有三个事件处理程序：
```javascript
var btn1Obj = document.getElementById("btn1");
btn1Obj.attachEvent("onclick", method3);
btn1Obj.attachEvent("onclick", method2);
btn1Obj.attachEvent("onclick", method1);
```
那么，事件触发时的执行顺序将是`method3 -> method2 -> method1`。
然而，非IE浏览器（如Firefox、Chrome等）并不支持`attachEvent`，它们使用`addEventListener`方法。`addEventListener`的语法如下：
```javascript
var btn1Obj = document.getElementById("btn1");
btn1Obj.addEventListener("click", method1, false);
btn1Obj.addEventListener("click", method2, false);
btn1Obj.addEventListener("click", method3, false);
```
与`attachEvent`不同，`addEventListener`添加的事件处理程序按照添加的顺序执行，即`method1 -> method2 -> method3`。并且，`addEventListener`的第三个参数`useCapture`默认为`false`，表示在事件冒泡阶段执行，如果设置为`true`，则在捕获阶段执行。
JavaScript调用ActiveX控件的事件有两种主要方式：内联HTML事件处理程序和使用`attachEvent`（仅限IE）或`addEventListener`（通用）。为了保持代码整洁和跨浏览器兼容性，建议使用`addEventListener`并封装在独立的JavaScript文件中，以实现更好的代码组织和维护。
