JavaScript中的拖拽功能是网页交互中的一个重要特性，它允许用户通过鼠标操作元素在页面上移动。这个公用拖拽类代码主要是为了实现一个通用的、兼容各种浏览器的拖拽功能，包括对旧版IE浏览器的支持。下面我们将详细讲解这个拖拽类的实现原理和关键知识点。
代码中通过`!!window.__defineGetter__`和`!/MSIE/.test(navigator.userAgent)`判断当前浏览器是否支持getter方法以及不是IE浏览器。如果满足条件，说明是现代浏览器，可以使用标准的事件模型。对于不支持或老版本的IE浏览器，代码会添加一些兼容性处理。
接着，代码为`window`、`Document`和`Element`对象添加了`attachEvent`和`detachEvent`方法，这是针对IE浏览器的事件监听和移除的非标准实现。这两个方法实际上是对W3C标准的`addEventListener`和`removeEventListener`的模拟，它们的参数和行为与标准方法一致，只是事件类型名称需要去掉前缀"on"。
然后，代码定义了一个名为`D`的对象，这就是我们的拖拽类。这个类的核心是`lock`属性，用于标识当前是否处于拖拽状态。在实际使用中，我们需要初始化一个拖拽实例，并关联到特定的DOM元素，通常是在元素的`mousedown`事件中开始拖拽，`mouseup`事件中结束拖拽。
拖拽类的基本步骤如下：
1. **初始化**：创建`D`实例并关联到元素，可能需要设置初始的拖拽限制条件（例如，元素可拖动的区域）。
2. **开始拖拽**：在`mousedown`事件中，记录鼠标按下时的位置和元素的初始位置，设置`lock`为`true`，开始监听`mousemove`和`mouseup`事件。
3. **处理拖拽**：在`mousemove`事件中，根据鼠标移动的距离更新元素的位置。可能需要考虑元素的边界限制，防止超出可拖动区域。
4. **结束拖拽**：在`mouseup`事件中，解除`mousemove`和`mouseup`事件监听，设置`lock`为`false`，结束拖拽。
5. **兼容性处理**：对于不同浏览器的事件模型差异，使用上面定义的`attachEvent`和`detachEvent`来注册和移除事件监听器。
需要注意的是，这段代码只是一个基础的拖拽实现，实际应用中可能需要扩展以支持更复杂的需求，例如：拖放效果、元素旋转、缩放等。此外，还可以添加事件回调以处理拖拽过程中的各个阶段，比如开始拖拽、拖动中、结束拖拽等。
这个JavaScript拖拽类代码提供了一个基本的拖拽功能框架，通过兼容Event对象和`attachEvent`/`detachEvent`方法，确保在大部分浏览器环境下都能正常工作。开发者可以根据自己的需求在这个基础上进行扩展和优化。
