在Web开发中，尤其是在JavaScript编程中，跨浏览器的兼容性是一个常见的挑战。IE（Internet Explorer）和FF（Firefox）对某些API和功能的实现存在差异，其中之一就是`event`事件对象。本文将深入探讨`event`对象在IE和FF下的使用以及如何进行兼容处理。
`event`对象在IE中是内置的，它包含了与事件相关的各种信息，如事件类型、触发事件的目标元素等。例如，当一个按钮被点击时，`event`对象可以提供关于这个点击事件的详细信息。然而，在Firefox和其他遵循W3C标准的浏览器中，并不直接提供全局的`event`对象，而是需要通过事件处理函数的参数来获取。
在FF中，如果需要访问`event`对象，需要将它作为事件处理函数的第一个参数传递。例如，一个点击事件处理函数可能会这样定义：`function handleClick(event) { ... }`，然后在HTML中绑定事件：`<button onclick="handleClick(event)">Click me</button>`。
在事件触发源的获取上，IE使用`srcElement`属性，而FF使用`target`属性。这两个属性都可以用来获取触发当前事件的元素。为了确保代码在所有浏览器中都能正常工作，我们需要进行兼容性检查。例如：
```javascript
var obj = event.srcElement ? event.srcElement : event.target;
```
这段代码首先尝试访问`srcElement`，如果为空则使用`target`，从而确保在IE和FF中都能正确获取到事件源。
在事件监听器的添加上，IE使用`attachEvent`方法，而FF使用`addEventListener`。这两个方法的使用方式也略有不同。`attachEvent`需要指定事件名称和处理函数，而`addEventListener`除了事件名称和处理函数，还需要一个布尔值表示事件是否在捕获阶段触发。为了兼容，我们可以编写如下代码：
```javascript
if (window.attachEvent) {
oBtnNew.attachEvent("onclick", handler);
oBtnNew.attachEvent("onmouseover", handler);
} else {
oBtnNew.addEventListener("click", handler, false);
oBtnNew.addEventListener("mouseover", handler, false);
}
```
这里，我们首先检查`attachEvent`是否存在，如果存在就使用它，否则使用`addEventListener`。注意，`addEventListener`的第三个参数是可选的，这里设置为`false`意味着事件在冒泡阶段触发，这与IE的默认行为一致。
在处理事件时，我们可以通过`event.type`来判断当前事件的类型，然后根据不同的事件类型执行相应的操作。例如：
```javascript
function handler(event) {
event = event ? event : window.event;
if (event.type == "click") {
oBtnNew.innerHTML = "发生了onclick事件";
} else if (event.type == "mouseover") {
oBtnNew.innerHTML = "发生了onmouseover事件";
}
}
```
处理`event`对象时，开发者需要考虑IE和FF的差异，包括`event`对象的获取方式、事件触发源的属性和事件监听器的添加。通过适当的兼容性代码，可以确保JavaScript代码在不同的浏览器环境中都能正确运行。对于复杂的项目，还可以使用库如jQuery或现代的JavaScript框架，它们已经封装了这些兼容性处理，使开发者能够更专注于业务逻辑，而不是浏览器兼容性问题。
