12、JavaScript 事件处理：跨浏览器兼容解决方案

JavaScript 事件处理：跨浏览器兼容解决方案

在 Web 开发中，事件处理是一个至关重要的部分。然而，不同浏览器对事件处理的支持存在差异，这给开发者带来了不小的挑战。本文将介绍一些跨浏览器的事件处理解决方案，帮助你更轻松地处理各种事件。

1. 跨浏览器差异与通用事件处理函数

在处理事件时，我们常常会遇到跨浏览器的问题。不过，大部分代码可以封装成一个可复用的事件处理程序库。随着 IE9 的出现，许多浏览器差异可能会逐渐消失。

例如，以下代码在 IE7 中可能无法正常工作，因为使用了 setAttribute 来设置 style 属性：

var style = "left: " + x + "px; top: " + y + "px";
var box = document.getElementById("info");
box.setAttribute("style", style);

为了实现跨浏览器的 DOM Level 2 事件处理，我们可以创建一个通用的、可复用的事件处理函数：

function listenEvent(eventTarget, eventType, eventHandler) {
    if (eventTarget.addEventListener) {
        eventTarget.addEventListener(eventType, eventHandle