本文主要介绍了JavaScript中添加和绑定事件的方法，分为通用方法和常用方式两个部分，以确保读者能够掌握在不同浏览器中添加事件监听的技术。
介绍了添加事件的通用方法，即使用`addEventListener`和`attachEvent`函数。`addEventListener`是W3C标准方法，几乎所有现代浏览器都支持此方法添加事件监听器，它的优势在于可以为同一事件多次绑定多个函数，而且监听器不会相互覆盖。该方法包含三个参数：事件类型、要绑定的函数和一个布尔值参数，用来指定监听器在捕获阶段还是冒泡阶段执行。示例代码如下：
```javascript
function addEvent(element, e, fn) {
if (element.addEventListener) {
element.addEventListener(e, fn, false);
} else {
element.attachEvent("on" + e, fn);
}
}
```
在上述代码中，`addEvent`函数首先检查浏览器是否支持`addEventListener`方法，若支持则使用此方法，否则使用`attachEvent`方法。`attachEvent`是旧版IE浏览器支持的事件监听方式，它的写法稍有不同，通常需要在事件前加上`on`前缀。
接着，通过一个页面实例来演示如何使用`addEvent`函数来为元素添加点击事件。在HTML中定义了一个`p`标签，并在JavaScript中定义了两个弹出函数`test1`和`test2`。页面加载完成后，通过`addEvent`函数将这两个函数分别绑定到了`p`标签的点击事件上。
然后，文章介绍了绑定事件的常用方式，即通过HTML元素的事件属性来直接绑定JavaScript函数。这种方式的优点包括行为分离、操作当事对象方便、读取事件对象容易。以一个简单的鼠标移动跟随效果为例，通过在`window.onload`中为一个`div`元素的`onclick`属性绑定一个匿名函数，实现了鼠标点击该`div`时，另一个`div`跟随鼠标移动的效果。
在提供的示例中，可以观察到一个`div`元素通过点击事件触发另一个`div`元素跟随鼠标移动。在这个例子中，`window.onload`用于确保在页面DOM元素完全加载之后执行绑定事件的代码。然后，选择了一个具有`id`为`k`的`div`元素，为它的`onclick`事件属性赋值一个函数，在该函数中可以访问到事件对象`event`，从而获取鼠标当前的坐标信息，并将这些信息应用到另一个具有`id`为`jj`的`div`元素的样式上，使`jj`元素能够跟随鼠标移动。
文章总结了通过`addEventListener`和`attachEvent`添加事件监听的通用方法，以及通过HTML元素事件属性绑定事件函数的常用方式，旨在帮助读者全面了解JavaScript事件处理的不同方法，并灵活运用这些技术来改善用户的交互体验。
